ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ここまで、ユーザーインターフェース(User Interface:UI)やユーザー体験(User eXperience:UX)を設計するにあたってのさまざまな要素について論じてきた。設計し、作ったものは、なるべく客観的に評価し改善・改良につなげたい。 UIやUXの良し悪しを「何となく」語るのは誰でもできるであろうし、「デザインのセンス」という言葉だけで済ませてしまうことも簡単だが、きちんと評価するにはどうすれば良いだろうか。 今回はUIの評価方法や評価する目の養い方について論じる。 定量的評価 何らかの計測により数値化した尺度で定量的評価ができれば、それは確実に客観的な評価といえる。まずはUIを客観的に評価する方法をいくつか紹介する。
私が考えた楽譜で見る、ビートルズの「Let it be」の最初の小節ですサマリー:ピアノをこれから学ぼうとする人のために考えた、新しい楽譜のデザイン案を紹介します。従来の楽譜は記号、目盛り、記憶に強く依存しているため、一から学んで読めるようになるのはとても難しいですよね。そこで、この新しい楽譜では鍵盤上に「指の位置」と「手の位置」を表す記号を置くことで簡単に読めるようにしました。縦に上から下へ読む楽譜で、丸い記号は指の位置(青は左手、緑は右手)、色の長さは音の長さを表しています。灰色のラインは黒鍵、ラインとラインの間隔は白鍵で、ドの音には分かりやすく斜線をひきました。 挑戦 従来の楽譜で見る、「Let it Be」の最初の4小節です。複雑な歌ではないですが、とても複雑に見えるのではないでしょうか従来の楽譜を読むのは簡単ではありません。プロやセミプロの音楽家は長い時間と労力をかけてこの楽譜を
スマホUI考1 〜 ボタンについて スマホUI考2 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ
レスポンシブ対応のWebサイトを紹介するときや、ちょっとしたモックアップを制作したいときに役立つ、便利なフレーム素材やサービスをご紹介します。MacやiPhoneなどのシンプルなフレーム素材から、キャプチャを用意してアップロードするもの、URLを指定するだけで出力してくれるツールまで、いろいろと知っておくと便利ですね! モックアップを簡単に作成可能なWebサービス。 自分で作るのは手間だし時間がない!という方は、簡単に作成・DL可能なWebサービスを利用してみてはいかがでしょうか。 URLを指定すれば作成完了! – Placeit 使用したいフレーム写真を選んでサイトのURLを指定すれば、簡単にイメージ画像がダウンロードできます。有料会員になれば、高解像度なものがダウンロードできます。フリーライセンスの場合、商用利用にはバックリンクが必要です。キャプチャをアップロードでも作成可能。 なんと
なぜデザインは人を動かすのか? 〜「広告」を通じて、デザインの力を考える(前編)2015/07/01 ——2015年のアドフェストでは、八木さんが制作されたホンダのコーポレートブランディング「Honda. Beautiful Engines.」が、Design/Booklet部門で最高賞のグランデをはじめ、複数の賞を獲得されました。当財団が運営するアド・ミュージアム東京の企画展示「鉄のマインド One Show 2013」でもDesign/Flyers部門でブロンズを獲得されていますね。さらにOutdoor/Poster部門とPrint Craft/Photography部門、Print Craft/Best Use of Photo部門では、JR東日本「行くぜ、東北。」がブロンズをトリプル受賞されるなど、幾つもの賞を重ねての受賞、本当におめでとうございます(編集部:以下同様)。 八木:ま
「魔法少女まどか☆マギカ」© Magica Quartet/Aniplex・Madoka Partners・MBS 「〈物語〉シリーズ」© 西尾維新/講談社・アニプレックス・シャフト 「ぱにぽにだっしゅ!」© 氷川へきる/スクウェアエニックス・ぱにぽに製作委員会 「キノの旅 -the Beautiful World-」© 時雨沢恵一/アスキー・メディアワークス/「キノの旅」製作委員会 「十二戦支 爆烈エトレンジャー」© I&S 「メカクシティアクターズ」© じん/1st PLACE・メカクシ団アニメ製作部 「ニセコイ」© 古味直志/集英社・アニプレックス・シャフト・MBS 「電波女と青春男」© 入間人間/アスキー・メディアワークス/『電波女と青春男』製作委員会 「ef-a tale of memories.」© minori/「ef」製作委員会 「まりあ†ほりっく」© 2009 遠藤海成・
「2014年にグッときたコレ」がテーマになる Fenrir Advent Calendar 2014 の24日目です。 マテリアルデザイン デザイナーの大西です。マテリアルデザインそのものへの記事は既に多くの方々が取り組まれているので、少し目先を変えてガイドラインについてです。 このガイドラインが最高に実践的でグッときました。 UI・UXについてのガイドラインは面白くて勉強にもなるのですが、理解して実践するところにまで到達するのには中々のエネルギーを使いませんか? マテリアルデザインは英語のドキュメントなので最初は尻込みしましたが、読み進めるうちに内容の充実っぷりに引き込まれました。ここまで親切なガイドラインは珍しいと思います。和訳も欲しいところですが、用例として画像がたくさん挙げられているので翻訳サイトを使えば充分理解できると思います。 豊富なテンプレートと素材 750種類以上のアイコン
image by Wolff Olins アメリカの全国紙「USA TODAY」がロゴをはじめ、ブランド刷新しました。 全体のブランディングを「Wolff Olins」、コンテンツで使用する図版やビジュアライゼーション、インフォグラフィックのガイドライン策定を「Column Five」が受け持ちました。 USAトゥデイは、色彩豊かで活字も大きく、図解、図表や写真をふんだんに盛り込んでおり、1980年代に、ウォールストリート・ジャーナル(208万部)やニューヨーク・タイムズ(103万部)などの、味気ない文字ばかりの新聞の代替物の提供を旗印にして発刊された。この新聞は、商業的には成功を収めているが、人を見下すような論調をもち、ニュースを卑小化する傾向があるとの批判をする者もいる。 散文体が特徴で、文中に従属節をほとんど用いず、1パラグラフ中には、通常は3以上の短文を用いない。その結果、創刊当時
ニューヨークの交通機関「New York City Transit Authority」(Wikipedia参照)のグラフィック・スタンダード・マニュアル(1970年版)が公開されているサイトを紹介します。 New York City Transit Authority Graphics Standards Manual New York City Transit Authority Graphics Standards Manual フォントのルール、サイン・矢印のルール、色のルールなどが規定してあり、ゾクゾクする内容です。 フォント関連 下の画像は、文字ごとの詰め間隔ルール。 サイン・矢印関連 この貴重なマニュアルはロッカーから見つかったみたいです。 The manual was found in a locker beneath old gym clothes. サイトでは拡大して細
パワーポイントのデザインテンプレートを無料公開しています。「プレゼンデザイン」ウェブサイト運営での気づきや、いただいたコメントをフィードバックし、日々ブラッシュアップを継続中。提案書/企画書作成、研究発表などに。
ウェブデザインの進化の過程を考えるとき、西洋建築史はとても参考になります。美術の形として、両者は同じ項目で定義することができます。 人が集まる場所として機能する実用的に作られている技術の進歩に大きく左右される実用的だが、間違いなくアートでもあるこのような制約があるなかで、両者の進化の過程はとても似ています。どちらも同じように過去の作品をもとに、その上に新しいものを築いています。もしウェブデザインの未来が知りたければ、建築家が辿った道を見てみればいいのです。
私たちの誰もが理解する”シンプル”という概念の正体を突き止めることは、難しそうに見えますが、実はそうでもありません。 私たちが製品やWebサイトをシンプルと感じるかどうかの背景には、”見れば分かる”ということだけではなく、単なる直観的な反応にとどまらない何かがあります。 Steve Jobs は次のように述べています。 シンプルであることは、複雑であることより難しい場合がある。物事をシンプルにするためには、思考を整理して懸命に考えなくてはならない。しかし、努力する価値はある。ひとたび達成すれば、山をも動かすことができるのだから。 シンプルにものを作ることにそんなに力があるのであれば、なぜ私たちはそうできないのでしょうか。 なぜシンプルであることは、こうも複雑なのでしょうか。 人生における多くの事柄と同じように、シンプルさには表面的に見えている以上の何かがあります。ここでは、私たちの脳が新し
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01: 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28: 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く