いちばんよくわかるWebデザインの基本きちんと入門 レイアウト/配色/写真/タイポグラフィ/最新テクニック
伊藤庄平(著)
,益子貴寛(著)
,久保知己(著)
,宮田優希(著)
,伊藤由暁(著)
/きちんと入門
作品情報
※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
これからはじめる人、一気に学びたい人へ
一生使えるWebデザインのテクニック集!
絶対に外せない! レイアウト4つの原則とレスポンシブWebデザイン
今日から使える! 配色の基本と、実例デザインの配色見本集
ユーザーの心を動かす! 写真と図版の使い方、タイポグラフィの選び方
フレックスボックス、インタラクション、マーケティングの知識まで
この一冊でWebデザイナーに必須の基礎知識が網羅できる!
<本書の対象読者>
●これからWebデザインを学びたい初心者の方
●Webサイト制作に自信が持てない方
●1冊でWebデザイナーの基礎知識を網羅して学びたい方
もっとみる
商品情報
- ジャンル
- コンピュータ・情報 - コンピュータ・インターネット
- 出版社
- SBクリエイティブ
- 掲載誌・レーベル
- きちんと入門
- 書籍発売日
- 2017.02.24
- Reader Store発売日
- 2017.03.03
- ファイルサイズ
- 127.3MB
- ページ数
- 248ページ
以下の製品には非対応です
※この商品はタブレットなど大きなディスプレイを備えた機器で読むことに適しています。
文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
この作品のレビュー
平均 3.5 (2件のレビュー)
-
もう一度基礎に立ち返るために購入。
インタラクションの部分がきちんと説明されていてよかった。少しでもCSS設計に踏み込んでたり、入門書としては良いと思う。
自分が教える際にどう伝えようと考えるきっかけ…になりました。続きを読む投稿日:2017.05.03
これからはじめる人、一気に学びたい人へ一生使えるWebデザインのテクニック集!
絶対に外せない! レイアウト4つの原則とレスポンシブWebデザイン
今日から使える! 配色の基本と、実例デザインの配色見…本集
ユーザーの心を動かす! 写真と図版の使い方、タイポグラフィの選び方
フレックスボックス、インタラクション、マーケティングの知識まで
この一冊でWebデザイナーに必須の基礎知識が網羅できる!
<サマリ>
・興味を持ったポイントを抜粋
・CHAPTER2
SECTION2
レイアウトの4原則
近接:関連する項目をまとめてグループ化させることで、視覚的にも知覚的にも認識しやすいレイアウトになる
整列:要素に何らかのルールを適用して統一化させることで、美しく見やすいレイアウトになる
反復:サイト全体のデザインの統一感を出すことに加え、ユーザーに対するサイトへの慣れの促進にもつながる
対比:全体の一部を揃えずコントラストをつけて強弱をアピールすることで、ユーザーの興味を惹きつける
SECTION5
レイアウトにおける視線誘導
基本形として、ユーザーの視線は「左上」から「右下」に流れる。(グーデンベルク・ダイヤグラム)
発展形として、Z型(左上⇒右上⇒左下⇒右下)、F型(ECサイトやブログなどで多く活用されている)がある
・CHAPTER3
SECTION7
色だけの情報伝達と注意点
ハイパーリンクを用意するときは、色を変えるだけでなく、アンダーラインを引くなど、色覚障害のある方にも情報が正確に伝わる工夫が必要
SECTION8
Webサイトの目的に合った配色と比率
配色の基本比率は「70:25:5」の配分。70がベースカラー、25がメインカラー、5がアクセントカラー
4色以上の色を使用したいときは「メインカラーorアクセントカラーいずれかをさらに分割する」
・CHAPTER7
SECTION2
ガイドラインやデザインパターン例
Appleのヒューマンインターフェイスガイドライン
https://developer.apple.com/design/human-interface-guidelines/
UI Patternのデザインパターン
http://ui-patterns.com/patterns
・CHAPTER8
SECTION2
Webサイト公開前のチェック作業例
バリデーションテスト
アクセシビリティテスト
クロスブラウザテスト
ナビゲーションテスト
フォームテスト
テキストチェック
メディアチェック
機能テスト
連結テスト
稼働テスト続きを読む投稿日:2021.05.06
新刊自動購入は、今後配信となるシリーズの最新刊を毎号自動的にお届けするサービスです。
- ・発売と同時にすぐにお手元のデバイスに追加!
- ・買い逃すことがありません!
- ・いつでも解約ができるから安心!
※新刊自動購入の対象となるコンテンツは、次回配信分からとなります。現在発売中の最新号を含め、既刊の号は含まれません。ご契約はページ右の「新刊自動購入を始める」からお手続きください。
※ご契約をいただくと、このシリーズのコンテンツを配信する都度、毎回決済となります。配信されるコンテンツによって発売日・金額が異なる場合があります。ご契約中は自動的に販売を継続します。
不定期に刊行される「増刊号」「特別号」等も、自動購入の対象に含まれますのでご了承ください。(シリーズ名が異なるものは対象となりません)
※再開の見込みの立たない休刊、廃刊、出版社やReader Store側の事由で契約を終了させていただくことがあります。
※My Sony IDを削除すると新刊自動購入は解約となります。
お支払方法:クレジットカードのみ
解約方法:マイページの「予約・新刊自動購入設定」より、随時解約可能です続巻自動購入は、今後配信となるシリーズの最新刊を毎号自動的にお届けするサービスです。
- ・発売と同時にすぐにお手元のデバイスに追加!
- ・買い逃すことがありません!
- ・いつでも解約ができるから安心!
- ・優待ポイントが2倍になるおトクなキャンペーン実施中!
※続巻自動購入の対象となるコンテンツは、次回配信分からとなります。現在発売中の最新巻を含め、既刊の巻は含まれません。ご契約はページ右の「続巻自動購入を始める」からお手続きください。
※ご契約をいただくと、このシリーズのコンテンツを配信する都度、毎回決済となります。配信されるコンテンツによって発売日・金額が異なる場合があります。ご契約中は自動的に販売を継続します。
不定期に刊行される特別号等も自動購入の対象に含まれる場合がありますのでご了承ください。(シリーズ名が異なるものは対象となりません)
※再開の見込みの立たない休刊、廃刊、出版社やReader Store側の事由で契約を終了させていただくことがあります。
※My Sony IDを削除すると続巻自動購入は解約となります。
お支払方法:クレジットカードのみ
解約方法:マイページの「予約自動購入設定」より、随時解約可能ですReader Store BOOK GIFT とは
ご家族、ご友人などに電子書籍をギフトとしてプレゼントすることができる機能です。
贈りたい本を「プレゼントする」のボタンからご購入頂き、お受け取り用のリンクをメールなどでお知らせするだけでOK!
ぜひお誕生日のお祝いや、おすすめしたい本をプレゼントしてみてください。※ギフトのお受け取り期限はご購入後6ヶ月となります。お受け取りされないまま期限を過ぎた場合、お受け取りや払い戻しはできませんのでご注意ください。
※お受け取りになる方がすでに同じ本をお持ちの場合でも払い戻しはできません。
※ギフトのお受け取りにはサインアップ(無料)が必要です。
※ご自身の本棚の本を贈ることはできません。
※ポイント、クーポンの利用はできません。クーポンコード登録
Reader Storeをご利用のお客様へ
ご利用ありがとうございます!
エラー(エラーコード: )
ご協力ありがとうございました
参考にさせていただきます。