[B! c_web design][c_design] wakame9のブックマーク

MdN Design｜総合情報サイト

デザインするグラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！

wakame9 2014/12/01

リンク

デザインに立体表現を取り入れるときのセオリー×6 | ベイジの社長ブログ

iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。セオリー１：現実世界の「光源」の基本ルールを守る唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか？左側、「A」のボタンには、以下のような光源の矛盾があります。ボタン本体の影は、右下に付いている。つまり、光源は左上。へこんだAの影は、右上に付いている。つまり、光源は右上。ドロップシャドウは、真下に付いている。つまり、光源は真上。一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」（＝影）の基本ルールです。