UIに隠されたデザインの意図 | Made with Unity
独特の世界観やゲームシステムが特徴的な「伝説の旅団」。実は、そのUIにも独特の工夫が散りばめられています。伝説の旅団について語られる時に、UIが言及されることはほとんどありません。ある意味、空気のような存在として馴染んでいるのです。しかし、ここに至るまでに、数多くのデザイン作業が行われ、紆余曲折を経て現在の形になりました。普段のプレイ中は意識することはなかったかもしれませんが、今回はそのUIデザインについてご紹介します。 早速ですが、いくつかの画面を並べてみました。 実は、これらの画面の要素は「あるルール」に基づいてレイアウトされているのです。何だか分かりますか？ そのルールとは、「主要なボタンを右側に配置する」というものです。 分かりやすいように、左半分を暗くしてみました。ゲームのメインループに関わるボタン群が、全て右側だけで押せることが分かると思います。これは、意図的に配置されたもので
米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ
はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか？」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 本来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日本で5年間、米国で3年間デザインの教育を受けましたが、実感として
実は隠された裏の意味を持つ企業ロゴいろいろ : らばQ
実は隠された裏の意味を持つ企業ロゴいろいろ 企業や製品のブランドには様々なロゴが用意され、名前や関係したデザインが盛り込まれています。 それぞれ良く考えられた末の意匠ですが、中には二通りの裏の意味を持つ、ひねりのあるロゴもあるんです。 実は隠された意味を持っていた、良く知られた有名企業のロゴをいくつかご紹介したいと思います。 Vaio 言わずと知れたソニーのVaioのロゴですが、実は隠れた意味があるそうです。 前半の2文字が正弦波でアナログを示し、最後の2文字が1と0の2進法でデジタルを表現しています。「アナログとデジタルの融合」をスローガンとしているとのことです。 Amazon ネットショッピングでおなじみのアマゾンですが、実はちょっとした哲学を反映しているそうです。 黄色の矢印は、客に満足させたい意味を込めたスマイルの口のようになっています。その矢印がaとzを指しているのは、アマゾンに
【黄金比・計算ツール・2カラム対応】 - 黄金比計算ツール
重要なお知らせ：このページのツールは、Flashの技術を用いて表示させていたため、現在は動かすことができません。申し訳ございませんが、ご了承下さい。 Webデザインに黄金比を取り入れよう - Re:Creator’s Kansaiに、黄金比をWebデザインに活用する海外の記事の翻訳が載っていました。 黄金比とは、最も美しいとされる比「1:(1+√5)/2」のことで、近似値は1:1.618、約5:8です。「その美しさをWebデザインでも」というのがエントリの趣旨です。 Webデザインの場合、横幅を固定し、縦幅は固定しないデザインが一般的です（ディスプレイサイズを考え、文字数の増加は横方向のスクロールなしに、縦方向へのスクロールで対応している）。Flashで作られたサイトなどは、縦幅も横幅も固定している場合があります。 Webデザインに黄金比を取り入れようとした場合、全体の横幅と横幅の比からそ
この色の名前はなに？を教えてくれる『Name That Color』 | POP*POP
カラーホイールから選んだり、HEXコードで指定した色の名前を教えてくれるツールがName That Colorです。色をどう表現したらいいかを知りたいときに便利そうですね。 ↑ さまざまな方法で知りたい色を指定できます。 ソースコードも公開されていますね。詳細は以下からどうぞ。 » Name that Color – Chirag Mehta : chir.ag
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
/ WSJ日本版 - jp.WSJ.com - Wsj.com
Engadget | Technology News & Reviews
IDEA * IDEA