タグ

WEBデザインと黄金比に関するdrivingbodyのブックマーク (2)

  • MdN Design|総合情報サイト

    作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──デザインに使えるツール(2) [technique 12] レイアウトに黄金比・白銀比を活用する 文=沖塩慶悟((有)ムーニーワークス) Tool レイアウトの小技 URL http://viskowaza.web.fc2.com/layout/ratio/divide/ パーツレイアウトやデザインの重心バランスに黄金比や白銀比を取り入れたい場合に、指定したサイズの範囲内で、直感的にその比率で分割し、罫線を引けるツール「レイアウトの小技」を活用してみるとよい。このツールは、黄金比・白銀比・半分のいずれかを選択し、たとえばサイト全体のレイアウトなら幅900px内、サイド領域にボタンをつくるため180×111pxの範囲内など、指定したサイズにベースを設けることができ、『▽』マークで分割位置をサポートしてくれる

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──デザインに使えるツール(2) [technique 18] 黄金比計算機を使って手早くデザインに生かす 文=タサキカズナリ(㈲ムーニーワークス) Tool Phiculator URL http://www.thismanslife.co.uk/ 黄金比を計算するとき、毎回その都度計算し直すのは少しめんどうな作業である。そんなとき便利なのがすぐに黄金比を算出してくれる「Phiculator」だ。 だれでも簡単に使えるのが特徴で、入力した値の黄金比を計算してくれるので手早く扱える。Webサイトのメニューからphiculatorページへ移動し、右上の見出し“Try it online”の下のボタン[Phiculator]をクリックすると計算機が立ち上がる。上下の領域いずれかに任意の値を入力すると、その値の黄金

    MdN Design|総合情報サイト
  • 1