フリーで使える写真素材・デザインの使える情報サイトの紹介

「デザイナーになりたい」そんなデザイナーの卵におくる個人作品の支援サイト、デザインの一般論や多彩なツール・基礎知識などプロになるためにしっかり身につけておきたい情報がたくさん!他にも色合わせチャートや便利なソフトショートカット表・Macの基礎講座を詰め込んだPDFのダウンロードなどが可能です!

この記事を友達に紹介する この記事を友達に紹介する

高速で見るWEBデザイン制作

December 23rd, 2009 ≫659 views


WEBサイトデザインをするときに、ワイヤーフレーム→デザイン→書き出し→コーディングというのが主な流れとなってきますが、0から独りでやっていくのは慣れていない人ではなかなか難しいですよね、また現場で実際仕事をしていないと自分のサイト制作をする時の手順も『これで本当にあっているのか…』っと少し不安も残ります。

今回は高速でWEBサイト制作をしている模様をカメラで捉えた動画をご紹介します。

うん、神業だ(笑)ソフトウェアはIllustrator・Photoshopじゃないにせよ、ワイヤーフレームなども、いかに細かく几帳面に設定しているのかはわかりますね、下の動画はPhotoshopを使用して制作しているWEBサイトデザインの作業です。

最近のトレンドの一つとなっているグラデーションの具合を几帳面に描いていますね!文字のレイアウトなども無意識に配置しているかと思いきや、ちゃんとバランスをとって配置しています。
作者の場合はピクセルの数値をしっかり書面で残しておきたいというのもあり、Illustratorからワイヤーフレームを組むのが一般的になっています。

また以下のURLにはPSDの状態でダウンロード可能なレイヤ付きWEBサイトデザインのサンプルが紹介されています。
http://www.catswhocode.com/blo……-psd-files


portfolio


paper


music


hosting


green


funky


darkwoods


dance


bus


blog

どれもクオリティの高いサイトデザインがサンプルにあるので、不透明度の使い方やグリッドレイアウトに捕らわれないデザインなど参考にしたいですね。

上記ストックに関連するストックはコチラ

boolmark: このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

この記事はお役に立てましたか?

イイネ!! (3 votes, average: 4.67 out of 1)
Loading ... Loading ...

You must be logged in to post a comment.

????? / ?????????????????
MoMAstore