Web画面の作成ツール

2,3年前はワイヤーフレームを作るツールとかあったけど、だいぶ進化してる。


Choose a website builder: 13 top tools

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw


こいつは少し違うような感じだけど。。。
google web designer

webの配色

■ 配色
colr.org

色カラー
色、配色の基本的な知識。DTP的な観点(?)からデザインの説明。

colourlovers
使えそうな気がするが。。。 とりあえず、リンクだけ。

colourco

kuler (adobe)


■ 明度、彩度
RGBスライダで色を作る
RGB256階調での明度、彩度の調整方法。
rgbの差が大きいと彩度が高く鮮やかになる。
逆に差が小さいと、彩度が低くくすんだ色、ぼやけた色になる。

画面作成ツール ドラフト作成、レイアウト

ドラフト作成

■ レイヤーフレーム
iPlotz: wireframing, mockups..

mockingbird