Webデザイン |
Webサイトの目的を見据えて、適切なレイアウトに
いま知らないと困るWebデザインの流行テクニックと最新情報を一冊にまとめた、2011年1月29日発売のweb creators特別号「Webデザイン表現&技法の新・スタンダード」から、ピックアップして記事を紹介していきます。レイアウトや配色設計の手法から、人気のデザイン表現、ユーザビリティを劇的に向上するナビゲーション&インタラクション、CSS3+HTML5やスマートフォンサイト制作などの最新技術まで、Webデザインとコーディングに関する多彩な情報を解説していきます。
インタラクション編 目次 |
Lesson 01 | ドット柄の抽象的なメインビジュアル | |
Lesson 02 | 透過PNGを使用して背景や画像を透けさせる | |
Lesson 03 | パターン+テクスチャで雰囲気を高める | |
Lesson 04 | 陰影と照明光を表現したナビゲーションバー | |
Lesson 05 | グラデーションを利用したサイトになじむ見出しバー | |
Lesson 06 | レイヤー感と奥行きのあるカラフルな分布図 | |
Lesson 07 | メタリックで映り込みのあるロゴ | |
Lesson 08 | 光沢のあるポップなイメージのアイコン | |
Lesson 09 | 繊細な手作り感のあるパーツのデザイン | |
Lesson 10 | テキストの長さに応じて幅が伸縮するボタン | |
Lesson 11 | 質感を加えるテクスチャとグラデーション | |
Lesson 12 | 光と影を感じさせるサイトデザイン | |
Lesson 13 | フォームをカスタマイズする |
本記事はweb creators特別号『Webデザイン表現&技法の新・スタンダード』からの転載です。
この記事は誌面でも読むことができます。