カテゴリー : デザイン

デザインを一から勉強する、復習するならこの1冊

いまデザインについて復習をしています。

小手先のテクニックばかり追いかけていても、基礎が出来ていなかったら本質的に良いものは作れないと思います。

そしてそれをちゃんと理解していないと学生に教えることも出来ない。と言うことでこんな本を買いました。

デザインの授業

良いデザインは、なぜ良いのだろう。すぐれたデザイン作品の手法、構成要素、文字、配色、レイアウトまでを実践的に解説。自分でデザインを『組み立てる論理』を養うための...

販売価格: 2,415 円 (2012/5/20 12:20 更新)

販売店舗: 楽天ブックス

これは買って良かった。

デザインの歴史を改めて理解することができるし、実際のグラフィックデザインを例にしてどういったところに注目すれば良いかを詳しく説明してくれています。

これはデザインを志す学生はみんな読んでおいた方が良いんじゃないかな。

テーブルだってオシャレしたい!テーブル(table)のデザインいろいろ

あまり凝ったデザインのものはお目にかかったことの無い table ですが、CSS などを駆使すればデザイン的にも優れていて機能的な table を作ることが出来ます。そんな色々な表現の出来る table のサンプルを色々紹介しているサイトを集めました。

テーブル(table)デザインいろいろ – E-riverstyle Vanguard | CSSやXHTML,Javascriptやweb製作に関する事を紹介

TableをCSSでデザインするいろんなパターンのまとめ | CSS Lecture

Tableのデザインまとめ | DesignWalker

料金表のデザインいろいろ | DesignWalker

無理矢理 dl 要素でテーブルっぽく見せるテクニックもありますが、そのあたりは文書構造をしっかり考えて table の方がふさわしいと思ったら素直に table を使って、綺麗なデザインにしてあげたいですね。

スライスだけでも便利!なFireworksのスライス機能入門

僕がこれまで勤めていた会社では Web サイトのデザインは Fireworks で作っていました。しかもバージョンは8。マクロメディア時代を知っている人ならこのバージョン8が何を意味するかはご存知かと思います。

まあどの会社に行っても Fireworks を使っていたので、Web デザインの現場ではこれが標準なんだろう!と思っていた時もありましたが、関連書籍の少なさを見るとそうでもなかったんですよね。とは言え Fireworks が当初から持っていた、Photoshop に無い便利機能としてスライス機能がありました。未だに Photoshop が完全に追いつけていない Fireworks のスライス機能の便利な使い方を紹介してくれているサイトをご紹介します。
続きを読む

Fireworks頑張れ!FwがもっとメジャーになるためのTipsサイト集

Web業界で仕事をするようになって15年近く。最初は Photoshop で作ったデザインを選択ツールでコピー&ペーストして素材を書き出していました。ところが Fireworks という聞いたこともないソフトにスライス機能があるということで使ってみたことで僕の Fireworks 人生が始まりました。(と言うか当時マクロメディアが Dreamweaver と Fireworks のセットを破格の値段で売っていた)

それから行く先々の会社で Fireworks が使われていて、Photoshop はほとんど写真加工のためだけに使う日々が続きました。そんな Photoshop も Web 関連の機能が充実して同じ Adobe 製品となってしまった Fireworks は肩身の狭い思いをしているはず。でも Photoshop では面倒な作業が Fireworks なら簡単に出来る、というものが沢山あります。

みんなもっと Fireworks 使おうぜ!ということで Fireworks が便利になる Tips を紹介してくれているサイトを集めてみました。
続きを読む

目の動きに合わせてデザインを。デザインの視線誘導。

デザインを作るときはZ型の視線移動を意識して作るように!と言っているのですが、配置だけでなく色でも視線誘導が出来るということで、実例が紹介されているサイトを見つけました。

続きを読む