久保知己の作品一覧

「久保知己」の「いちばんよくわかるWebデザインの基本きちんと入門［第2版］　レイアウト／配色／写真／タイポグラフィ／最新テクニック」「いちばんよくわかるWebデザインの基本きちんと入門　レイアウト／配色／写真／タイポグラフィ／最新テクニック」ほか、ユーザーレビューをお届けします！

作者をフォローする

フォローすると、この作者の新刊が配信された際に、お知らせします。

値引き作品

一覧 >>

配信予定・最新刊

作品一覧

久保知己の詳細検索へ

ユーザーレビュー

一覧 >>

いちばんよくわかるWebデザインの基本きちんと入門［第2版］　レイアウト／配色／写真／タイポグラフィ／最新テクニック

ビジネス・実用
IT・コンピュータ / 全般

4.5

(2)
- カート
- 試し読み
Posted by ブクログ

Ｗｅｂデザインに焦点を当てたＩＴ書

開発言語サイドからではなく、アウトプットする画面などのレイアウトサイドから
Webコンテンツを解説しています。

カラーで写真や、図表をつかって、見たらすぐわかる形になっています。
250頁あまりありますが、本文は、２段組みでけっこう細かい文字なので、辞書に準じた集積感を感じました。
実例デザイン、ＣＯＬＵＭＮといったテーマごとに挿入された資料もあります。
詳細の目次とともに、４頁のインデックスにて、用語、テーマの逆引きもできます。

HTML5,CSS3,Javascript等のコードなどの解説は、指定パラメータの書き方などがありますが、各言語の使い方は言語解説書を合わせてご確認ください。

各Chapter に関する内容は次のように感じました。
01　Ｗｅｂデザインの基本　作業の全体像を概説しています。
02　レイアウトの概要
03　色の基本と、組み合わせの解説
04　写真の概要
05　文字と書体の概要
06　コンテンツ技術言語の概要
07　インタラクションとは関係性のこと、ＵＩ，ＵＸ技術の概要
08　Ｗｅｂサイトの運用管理について

作業全体を把握するには、01,02,07,08　Ｗｅｂサイトの属性や表現方法は、 02,03,04,05　ＩＴ技術の対応については、 06,07,08 かと。

Contents

Introduction
Chapter01　Webデザインの基本
Section01　デザインとは何か
Section02　目的と目標を考える
Section03　ターゲットを想定する
Section04　コンセプトを決める
Section05　モバイルファーストとマルチデバイス対応
Section06　ワイヤーフレームやプロトタイプを作る
Section07　自発的にスケジュールを管理する
Section08　ワークフローの全体像
Chapter02　レイアウト
Section01　レイアウトは
Section02　レイアウトの原則
Section03　Webデザインにおけるレイアウト
Section04　Webデザインにおけるナビゲーションのレイアウト
Section05　レイアウトにおける視線誘導
Section06　タッチデバイス向けのレイアウト
Section07　レスポンシブWebデザイン
Chapter03　配色
Section01　色とは
Section02　色の三属性
Section03　トーン
Section04　補色・類似色・配色の調和
Section05　色の印象
Section06　カラーモード
Section07　利用者の視点に立った配色
Section08　Ｗｅｂサイトの目的に合った配色と比率
Section09　リンクの色の扱い
Chpater04　写真と図版
Section01　Ｗｅｂデザインにおける写真
Section02　Ｗｅｂデザインにおける図版
Section03　色調補正
Section04　写真のトリミング
Section05　解像度、ピクセルについて
Section06　画像のファイル形式
Chapter05　タイポグラフィ
Section01　書体とは
Section02　欧文書体と和文書体
Section03　書体ファミリー
Section04　書体の選び方
Section05　本文の組版
Section06　文字コードとブラウザの表示
Section07　最適なfont-family
Section08　Ｗｅｂフォントについて
Section09　Ｗｅｂフォントサービスの紹介
Section10　Ｗｅｂフォントの使い方
Chapter06　HTMLとCSS3
Section01　ＨＴＭＬ５の新概念
Section02　ＣＳＳのカスケーディング、詳細度、継承
Section03　ＣＳＳの作り方と管理
Section04　ＣＳＳでレイアウトする（Flexbox)
Section05　ＣＳＳでレイアウトする（CSS Grid)
Section06　メディアクエリーで作るレスポンシブＷｅｂレイアウト
Chapter07　インタラクション
Section01　インタラクティブデザインとは
Section02　インタラクティブデザインの基本
Section03　マイクロインタラクションとは
Section04　ＣＳＳをつかったインタラクション
Section05　Ｊａｖａｓｃｒｉｐｔとは
Section06　動きのあるサイトを作る時の注意点
Section07　ＳＶＧやＷｅｂＧＬをつかったインタラクションデザイン
Chpater08　運用とマーケティング
Section01　テスト環境と本番環境
Section02　公開前後のチェック作業
Section03　Ｗｅｂマーケティングの全体像
Section04　インターネット広告の種類
Section05　リスティング広告
Section06　ランディングページ最適化（ＬＰＯ）
Section07　検索エンジン最適化（ＳＥＯ）
Section08　オウンドメディア運用
Section09　ソーシャルメディアマーケティング
Section10　動画マーケティング
Section11　Ｇｏｏｇｌｅアナリスティクス
Section12　Ｇｏｏｇｌｅ　Ｓｅａｒｃｈ　Ｃｏｎｓｏｌｅとタクスマネージャー
Section13　Ｇｏｏｇｌｅの各種サービスの活用
Section14　ＷｅｂサイトのＰＤＣＡサイクル
ＩＮＤＥＸ

ISBN：9784815609610
出版社：SBクリエイティブ
判型：B5
ページ数：256ページ
定価：2400円（本体）
発売日：2017年03月01日第1版第1刷
発売日：2021年08月24日第2版第1刷
発売日：2022年07月06日第2版第4刷

0

2023年08月27日
いちばんよくわかるWebデザインの基本きちんと入門［第2版］　レイアウト／配色／写真／タイポグラフィ／最新テクニック

ビジネス・実用
IT・コンピュータ / 全般

4.5

(2)
- カート
- 試し読み
Posted by ブクログ

Webデザインについて広い範囲の内容を扱った書籍です。また、Webサイトを設計するときにどのようなものが必要かも書かれています。

0

2025年02月21日
いちばんよくわかるWebデザインの基本きちんと入門　レイアウト／配色／写真／タイポグラフィ／最新テクニック

ビジネス・実用
IT・コンピュータ / 全般

4.0

(1)
- カート
- 試し読み
Posted by ブクログ

もう一度基礎に立ち返るために購入。
インタラクションの部分がきちんと説明されていてよかった。少しでもCSS設計に踏み込んでたり、入門書としては良いと思う。
自分が教える際にどう伝えようと考えるきっかけになりました。

1

2017年05月03日
現場のプロが教えるWeb制作の最新常識知らないと困るWebデザインの新ルール

ビジネス・実用
IT・コンピュータ / デザイン・グラフィックス

4.0

(1)
- カート
- 試し読み
Posted by ブクログ

最近のフロントエンド寄りのトレンドをざっと俯瞰するのには良い本だと思います。やはり本として1冊にまとまっていると認知がし易いです。
ざっくり読んだだけですが、ところどころ取りこぼしがある事に気づけました。

ただ、こういう本は表紙にわかりやすく年を入れるか、入れないのなら毎年版を重ねるたびに中身を一新するかして欲しいなあ、とも思います。

0

2015年04月11日
CSS3&jQueryで作る　スマートフォンサイトUI図鑑

ビジネス・実用
IT・コンピュータ / 言語・プログラミング

4.0

(1)
- カート
- 試し読み
Posted by ブクログ

スマホサイトのUIの種類をざっと見るだけでも勉強になります。いくつか取り入れてみたいUIも見つけられたので、実装に入って行きたいと思います。

0

2015年03月19日