まずは近接のおさらいをします。今回の復習でも前に習って同じように素材を使って復習していきます。
それでは復習をするまえの素材を確認してみましょう。(以前の資料は大きさが適切ではなかったので今回から横にします。)
これをまずは近接の原則に当てはめてみます。
人間の目は上から物を見ていく習性があるのでタイトルを太字にし、グループ化(近接)してみました。次は整列を加えてみましょう。
Sponsored Link
それでは近接を当てはめた上から整列を加えていきます。
タイトルをもっと大きく大胆に、全てを左揃えにして強い整列を意識してみました。次は反復を加えてみましょう。
Sponsored Link
それでは更に反復を加えていきます。
タイトルには目立つように中抜きを白で際立ててみました。見出しの字体と文字色を同じに。次は最後のコントラストを加えてみます。
Sponsored Link
それでは最後のコントラストを加えてみます。
上のタイトルをアクセントカラーで囲ってみました。そして下も同様のアクセントカラーで色をつけて完成です。
最初の近接から比べるとましになったのではないでしょうか?基本原則はこれで終了です。
Sponsored Link
具体的にコントラストとは何か?を記事にしてみます。
コントラストで生み出される効果はページに面白みを作り出す事と、情報の組織化に役立つそうです。それを踏まえた上で前回作った物に面白みがあるか見てみましょう。
これが前回
Sponsored Link
今回勉強したコントラスト前回作ったやつに適用させてみた。
うーん、使う色が変なのかなー。
難しいなー。
次はこの原則の復習をします。
Sponsored Link
具体的に整列とは何か?を記事にしてみます。
まずはこちらをご覧下さい。
前回の近接の時に作った不出来なものですが、これを今回の整列の原則を使ってもう一段階カッコよくします。
で、具体的に何をしたのかと言うと、近接の親戚みたいなもんで文字やオブジェクトの位置を揃えます。それにより見やすくグループ化しようって事を学びました。
Sponsored Link
次は反復を勉強する
Sponsored Link
具体的に近接とは何か?を記事にしてみます。
近接を勉強する前の私の作った自己紹介文を見てみましょう。
勉強前なので色々わかりにくい & 醜いです。
何も言えない、酷すぎて。
Sponsored Link
では基本原則の近接に従って編集してみます。
近接とは互いに関連する項目は近づけてグループ化し、情報を組織化するのに役立ち、混乱を防ぐ役割を果たします。
先の例で説明すると、勉強前は見やすいと思い空の行を開けていましたが、勉強後の編集では近接の原則を意識して互いに関連する項目は近づけてグループ化してみました。
もちろん完璧ではございませんが、なんとなく見やすくなったのではないでしょうか?
次は整列を勉強します。
Sponsored Link
私は本業とは別に個人でAppleのアプリなどを作っていますがどうしても見た目の出来が悪い。実現したいUIやデザイン面でもの凄く苦戦し結果使いやすさとは程遠い物が出来上がります。
プログラムは独学ですが、何とかやりたいと思った事が出来る程度にはなりました。しかしやりたい事を実現する為のデザイン、UI / UXの引き出しが余りに無さ過ぎて . . . 。色々参考に手を加えたりしてみたのですが全然ダメ。自身が使いたくなりません。
デザインできる人を探そうにも近くにそんな人いませんし、相方はゴリゴリのプログラマですし、雇えるお金もないので自分でやる事に決めました。
Sponsored Link
やめてどうすんの?
もちろん新しく素人デザイナーとして勉強します。醜いの嫌い。
私もこれから勉強するよ!デザイン?何それって方達の参考になれば幸いです。もちろん自分が見直す為に書いている or 忘れないようにアウトプットするって目的もしっかりやっていきたい。
新しい目的ができて新しい目標を設定した時は楽しいよね!簡単じゃないと思うけど諦めずに頑張ろう。
Sponsored Link