トヨタモーターズ・ヨーロッパとCIID（Copenhagen Institute of Interaction Design）が製作した「未来のモビリティ」のコンセプト動画。何気なく指で窓に木の輪郭をなぞってみると… 不思議な場面から始まるこの動画、実は主役は少女ではなく、クルマの「窓」である。端的にテーマを表すならば「ウィンドウの未来」とでも言えるだろうか。カーウィンドウがそう遠くない将来に実装しそうなコミュケーション機能を、様々な切り口で見せていく作品だ。 別のシーン。少女がウィンドウの隅に触れると、「Distance」というボタンが現れる。軽く押すと、窓越しの建物や人までの距離が示される。さらに違う場面では、窓から見える様々な建物に「House」「Roof」といったラベルが張られていく。それらに触れると、音声でラベルの解説が流れ出す、といった具合だ。 クルマの未来というと、自動運転と

インターネットを通じて商品やサービスを提供するWebサービスは、ユーザーも企業側もお互いが直接向かい合わせることはほぼできません。 実店舗のようにお客様と対面し、直接話をしながら接客できない分、お客様の心理をできるだけ想像し、その心理に沿ったホームページ作りを行う必要があります。 今回は、ユーザー心理を理解するうえで役に立つ心理学用語を36語を解説付きで紹介します。 第一印象が肝心 1.アンカリング効果 人は一番最初に見た数字やデータをよく記憶しており、何かしらの意思決定を行う際、最初に見たデータを重要視する傾向にあります。これを「アンカリング効果」といいます。 アンカリング効果を応用し、ユーザーに対し「この商品はお得だ」「良い買い物ができた」と思わせるようにするための仕掛けを作ることもできます。（「数量限定」「期間限定」というふうにプレミア感をアピールする等） 2.ハロー効果 ある1つの

和風デザインWebサイトの制作ポイントや素材を実例とともにまとめました今月はじめに初めて箱根旅行で洗練された美しい温泉宿に宿泊して以来、「和」な雰囲気やデザインの素晴らしさに魅了されたManaです。伝統的な配色や配置、書体等、見ていて飽きの来ない魅力がありますよね！和風デザインには大きく分けて4つの特徴があります。それぞれの特徴を理解し、うまくデザインに反映していきましょう！ 1. 配色「和風デザイン」と聞いて思いつくのはどんな色でしょうか？おそらくビビッドなピンクや透き通るような水色ではなく、わさびやからし、えんじのような、少しくすんだ色合いを思いつく人が多いかと思います。日本には伝統的な色や配色というものが存在し、それらを上手に使うことでグッと和の雰囲気漂うデザインに近づきます。 伝統色日本の伝統色 和色大辞典では日本の伝統色をカラーコードとともに紹介しています。全体的に彩度の低い色が

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

三連リングのようなカワイイ囲いをスタイルシートで実装するテクニックを紹介します。 左のSingleだと、divは一つだけ！ 左のSingleを例に、実装方法を紹介します。 HTML div一つにclassを加えます。 <div class="hoja">SINGLE</div> CSS 複数のリングは、box-shadowで作成します。アニメーションさせたくない場合は、keyframesは必要ありません。 ※利用する際は、ベンダープレフィックスを加えてください。 参考：面倒なCSS3のベンダープレフィックスを自動で付与するスクリプト -Prefix free .hoja { color: #dcdce2; position: absolute; top: 50%; left: 50%; margin-left: -180px; margin-top: -90px; width: 180px

はてなブックマーク1400ありがとうございます！ 数えてびっくりしましたが、Windowsを使い始めて26年経っていました。 今では趣味でも仕事でも欠かせないものになっています。 それなりにwindowsを使ってきて「フリーソフト」と呼ばれる無料で使えるソフトもたくさん試しましたが、今日はその中でも使い続けている無料ソフトを紹介したいと思います。 現在は便利なWebサービスやスマホアプリが非常に多くなったので、あえてWindowsのフリーソフトという時代では無くなりつつありますが、オフラインでも使える・動作が軽快という点ではまだまだ活用される場面も多いので、ざざっと目を通してもらえればと思います。 ちなみにボクはiPhoneも10年以上使っています。 良ければ「iPhoneアプリを596個使って分かったおすすめアプリまとめ」も読んでみてください。 インターネットブラウザ Google Ch

ほかにもライフログ系の機能はあるけれど、それらはほとんどスマホ単体でも記録されるものです。心拍数を測れるものについては、ちょっと勘違いをしていて、一定期間内の心拍数グラフとかではなく、その時その時での心拍数を記録するだけでした。 ランニング系の心拍計だと運動中の心拍数を5秒毎とかで記録してグラフ表示できるのですが、そういうものを期待していただけに拍子抜けでした。 わりとフィットネス系を売りにしている気がするのですが、この分野はまだまだ先行するスポーツウォッチ系とは差があると感じました。 ウォッチフェイスの変更 通知が来るだけの状態だった時は「あ、これすぐに飽きるな」と思ったのですが、アプリを入れはじめたら面白くなってきました。まだまだ数が少ないので、Android初期のような「こんなこともできる」というような、アプリとしては単純だけど世界が広がっていくような、そんなワクドキ感があります。

この資料はクックパッド社主催のiOS/Android Tips交換会potatotips #11で発表した資料です。 https://github.com/potatotips/potatotips/wiki/potatotips-11 http://connpass.com/event/9639/

Googleが公開しているデザイン・ガイドラインのアイコンに関するところを読みました。 Icons – Style -Google design guidelines アイコンのデザイン・ガイドラインの対象は、「プロダクト・アイコン」と「システム・アイコン」の2つがあり、デザインする上で注意を払うことや、原則がまとめられています。 プロダクト・アイコン 「プロダクト・アイコン」はGmailやGoogle Mapなどサービスそのものに用いられ、サービスの特性や違いを伝えるものです。 image by Google システム・アイコン 一方「システム・アイコン」は、ユーザインタフェースに用いられるもの。 「プロダクト・アイコン」と比べて、小さいサイズでの使用、単色での使用の想定が必要。 image by Google 作りの違い 「システム・アイコン」がフラットな作りなのに対し、「プロダクト・

フレームワークを知っておくと、効率化につながる。 そんなことを思っています。 ということで、今日は、こちらの『革新的なアイデアがザクザク生まれる 発想フレームワーク55』を読みました。 革新的なアイデアがザクザク生まれる 発想フレームワーク55 作者: 永田豊志 出版社/メーカー: ソフトバンククリエイティブ 発売日: 2009/06/27 メディア: 単行本 購入: 3人 クリック: 61回 この商品を含むブログ (4件) を見る アイデアを発想するためのフレームワークが紹介されています。 気になったものをいくつか紹介します。 「掛け算のプロセス」〜理想追求型のアプローチ 「掛け算のプロセス」は「理想追求型のアプローチ」です。とにかく、いきなり理想の形、問題がすべてうまく解消された形を追い求める方法なのです。現状改善に比べれば、レベルが一段上になります。 足し算・引き算のプロセスは、現状

iOSLib.md iOS開発で気になるライブラリ　まとめ https://gist.github.com/PGMY/4991912 ⇒Gistに貯めていってたのをもってきました。 http://qiita.com/PGMY/items/2a9d1f6355693b6e9712 ⇒Qiita編 自分用めも。気になるもの・使ってみたいものと、実際利用して比較してみたいなーと思ってるチェックリスト的な for ios dev TODO : もうちょっと見やすく整理したい Library Coding REKit⇒公式ブログ iOS, OS X の開発で使える NSObject の拡張コレクション ・REResponder: Block を使ったインスタンスの動的メソッド実装／上書き機能 ・REObserver: Block を使って KVO (Key-Value Observing) を実現す