タグ

webデザインと黄金比に関するmie_nyanのブックマーク (3)

  • ポータルサイトのデザインをする時に意識したこと5つ - Design Color

    もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに黄金比や白銀比を使ってみる 1.グローバルメニューを埋れさせない ポータルサイトは情報量がとても多いです。ユーザーを迷わせないためには、画面が遷移しても変わらずそこにいてくれる「グローバルナビゲーション」は頼りになる存在です。それが他の情報に埋れてしまってはもったいないですよね。なので、デザイン時にはまずこの子に注目してみました。 白抜きのメリット 色々なサイトを観察していると、ナビゲーションバーに白抜きを使っているサイトが多く見られました。 調べてみたところ、白抜きは小さな文字でもやや大きく見えるというメリットがあるとか。なぜなら、白は「膨張色」だからです。 膨張色とは明度が高いことから、他の色に比べて膨らんだり広がったり錯覚する色のことです。白や明度の高い暖色系が膨

    ポータルサイトのデザインをする時に意識したこと5つ - Design Color
  • 配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark

    自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
  • 黄金比をさっと算出!Metallic Ratio | バシャログ。

    高木豊の次男がオランダ1部リーグ・ユトレヒト移籍!?いやあ、日人の欧州リーグ移籍が活発ですね。kimoto です。 Web サイトに限らず、デザインをする時に黄金比を意識する事ってあると思います。 そこで、よく使われる比率をさっと算出してくれるサイトを紹介。 Metallic Ratio この Metallic Ratio というサイトでは、黄金比はもちろん白銀比や青銅比、単純な 4:3 など、よくある比率を一発で算出してくれるサイトです。 画面はこんな感じ。 上部の比率を現すエリアをクリックして算出したい比率を選択し… 下の数値入力フォームに数字を入れると、もう片方の辺の数値を出してくれます。 また、プルダウンで、入力フォームを横の辺にするか縦の辺にするかを選択でき、さらに、小数点をどこまで求めるかも選べます。 ちょっとした計算が億劫な時にいかがでしょうか。

    黄金比をさっと算出!Metallic Ratio | バシャログ。
  • 1