益子貴寛の作品一覧
「益子貴寛」の「いちばんよくわかるWebデザインの基本きちんと入門［第2版］ レイアウト／配色／写真／タイポグラフィ／最新テクニック」「いちばんよくわかるWebデザインの基本きちんと入門 レイアウト／配色／写真／タイポグラフィ／最新テクニック」ほか、ユーザーレビューをお届けします！
- 作者をフォローする
- フォローすると、この作者の新刊が配信された際に、お知らせします。
配信予定・最新刊
作品一覧
-
現場のプロから学ぶXHTML+CSS
ビジネス・実用
4.11巻2,464円 (税込)※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「僕はXHTMLとCSSをマスターするには仕様書の全読は欠かせないと思う。しかし、まずは本書をマスターすること。それは間違いなくプロへの第一歩だ。」──森田 雄(株式会社ビジネス・アーキテクツ 取締役) 現場の最前線でWeb制作に携わる7人のプロ直伝の、「いま知っておくべき」XHTML+CSSの知識とテクニックを集成した1冊です。 ●本書の対象読者 ・これからWebサイト制作をはじめたい入門者 ・サイト制作をはじめて間もない初級者 ・CSSスキルをアップデートしたい中級者 (X)HTMLやCSSのスキルは、Webサイト制作のもっとも基本となる知識ですが、ノウハウがたくさん蓄積されているぶん、却って体系的に学ぶのが難しい状況にあります。また、ここ数年でCSSデザインがかなり複雑になったことで、ゼロから学ぶにはハードルが高くなってしまった面もあります。そこで本書は、本格的にXHTML+CSSによるWeb制作を習得したい方から、すでに習得しているけれども「現状の最新スキル」にアップデートしたい方までを対象にして、「現在制作現場で求められる最良のスキルを」「現場・実用からの目線で」「順序よく」「効率的に」習得できるように構成してあります。 ●本書の効能 ・XHTMLとCSSについて、「基本から」きっちりわかります。それが実際の制作や実務にどう関わってくるのかをともに知ることで、「生きた」知識として習得できます。 ・「現在必要な」最新かつ最良の知識と、実用なテクニックがわかります。CSSのファイル設計や効率的なスタイリング、レイアウトテクニック、トラブル解決などのベーシックな部分を、実務的な観点からもう一度振り返って考えたり、JavaScriptライブラリの活用法なども併せて解説することで、実戦力に直結するスキルが手に入ります。 ・「これから必要になる」Google Chromeなど最新ブラウザへの対応方法や、iPhoneなどPC以外のデバイス用のサイト制作に関する情報も充実しています。iPhone/iPod touch、Nintendo Wii、PlayStation Portableなど、ここ1～2年でPC以外のデバイスからWebを閲覧する人口が増えています。さまざまなデバイスにWebサイトを対応させるノウハウは、今後ますます必要とされるでしょう。また、ブラウザの新しいバージョンが次々とリリースされたり、Google Chromeなどの新しいブラウザが登場しています。そのような新しいブラウザを射程に入れることも、必要になってくるでしょう。 本書はそのように、「必ず知っておきたいこと」と「今後必要とされること」を現場からの目線で集約したカリキュラムとなっています。Webデザイナー、クリエイターであれば、必ず持っておきたい1冊です! -
Web制作と運営のための 写真撮影＆ディレクション教本
ビジネス・実用
3.71巻2,508円 (税込)※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 段取りから準備、撮影テクニック、実践ポイントまで。 Webサイトの印象は、写真によって決まるといっても過言ではありません。写真は企業イメージや製品への思いを伝えたり、他社との差別化をはかったり、見た人にインパクトを与えます。またECサイトにおいては商品写真のクオリティが、売れ行きに大きな影響を持っています。本書では、写真撮影が上手になるポイントと、Webやグラフィックデザインで必要なフォトディレクションについて、事例を豊富にまじえながら解説しています。 Chapter 1「写真撮影の基本と、スムーズな撮影進行のコツ」では、写真撮影のスムーズな進行、ディレクションのための基礎知識を解説します。ウェブサイト運営に関わるすべての人が理解しておきたい内容です。Chapter 2「撮影機材の準備」では写真撮影に必要な機材、あると便利なアイテムを解説します。撮影条件に応じて機材の組み合わせを考え、うまく使えるようになりましょう。Chapter 3「撮影テクニック【基本編】」では、カメラの複雑な設定や照明機材を使わずに、よい写真を撮影するコツを解説します。今日からすぐに取り入れられる実践的なテクニックです。Chapter 4「撮影テクニック【応用編】」では、露出補正、ホワイトバランス設定、撮影モードの違いなど、初心者を脱し、仕上がりにこだわって撮影するための準備と手法を解説します。Chapter 5「撮影の実践ポイント」では、生鮮食品、加工食品、建物、人物、食器などの具体的な撮影方法を解説します。被写体にあった撮影項目と注意点を理解し、実践に役立つスキルを養いましょう。 「カメラの基本機能を理解すれば、自分が思ったとおりの「明るさ」や「色」で写真が撮れるようになります。撮影のワークフローが理解できると、ウェブサイトを見た人にわかりやすい写真、心を動かす写真を届けることができます。みなさんの思いが最大限、利用者に伝わる写真が撮れるようになること、ウェブ制作の作業がより楽しく、スムーズに進むことを願っています。」(著者「はじめに」より) -
いちばんよくわかるWebデザインの基本きちんと入門 レイアウト／配色／写真／タイポグラフィ／最新テクニック
ビジネス・実用
4.01巻2,618円 (税込)※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！ レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！ 配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！ 写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方 -
NEW初めてだけどやさしくわかる Webデザインきちんと入門
ビジネス・実用
-1巻2,860円 (税込)この1冊があれば大丈夫。 Webデザインの基礎知識をすべて凝縮！ ※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザインの学習に選ばれ続ける入門書。 待望のアップデート版をお届けします！ 今回も、Webデザインに求められる必須知識を、 余すところなく凝縮しています！ また、初めて学ぶ方にもわかりやすい、 やさしい解説を心がけています。 ◆本書の対象読者 ・これからWebデザインを学びたい初心者の方 ・Webサイト制作に自信を持ちたい方 ・1冊でWebデザイナーの基礎知識を網羅的に学びたい方 ・最新知識を得て制作に活かしたい方 ◆本書の特徴 ・Webデザイン制作の基礎すべてが1冊に凝縮されていること ・現役デザイナーが最新のトレンドを詳しく解説していること ・Webデザイン業界で使われている用語がわかりやすく掲載されていること ・初めて学ぶ人に向けてとことん丁寧に解説されていること 確かな基礎と最新のスキルを身につけて 自信を持って制作をスタートしましょう！ ※カバー画像が異なる場合があります。 -
いちばんよくわかるWebデザインの基本きちんと入門［第2版］ レイアウト／配色／写真／タイポグラフィ／最新テクニック
ビジネス・実用
4.51巻2,860円 (税込)※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 11刷突破のベストセラーが最新情報にアップデート！ これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！ レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！ 配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！ 写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、CSSグリッド、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方
ユーザーレビュー
-
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刷 -
Posted by ブクログ
便利だという理由だけで、なんとなくCSSを使っていたプログラマこそ読むべし。
CSSというとデザイナーの領域だと思いがちだが、プログラマこそマークアップの重要性をきちんと理解し、しっかり構造化されたXHTMLを構築しなければならないということが分かるだろう。CSSを作成するのがプログラマであろうとデザイナーであろうとプロセスは同じだ。コーディンクとデザインの分離によって、あらゆるWEBページを効率よく開発することが可能となる。このようなXHTML+CSSのメリットについて、本書では冒頭のページで説明している。７人で執筆しているのにもかかわらずチグハグな感じを受けないのは、この一本筋の通ったポリシーによるところが大きい。
本書には現場で活躍しているプロのワザがぎっしりと詰め込まれているので、即座に実践で活用できそうだ。ポイントを突いた説明と惜しみなく挿入された図表によって、初心者にもとっつきやすい構成となっている。レガシーブラウザへの対応方法はもちろん、さまざまなデバイス（携帯電話、ゲーム機、テレビ画面、iPhone等）のCSSデザインについての解説もある。XHTML+CSSのキホンから応用まで、幅広い知識とナマの技術を習得できるだろう。
まずはこの一冊をマスターし、不足分をインターネットや他の書物で補うことをオススメする。 -
Posted by ブクログ
ちょっとだけHTMLとCSSをかじっているが、詳しい書き方は知らない。
という状態でこの本で勉強しました。
マークアップ言語の仕組み・コーディングの基礎などから、サイトで利用する画像の加工・様々なブラウザや端末でのUIについてまで広く書かれていて、ある程度の力まで上げることができる。（と思っている）
良くあるソースと実行例と記述の仕方がずらーーーっと書かれているのではなく、ちゃんと分かり易い日本語で、仕組みが説明されていて、
すんなり理解できる感じ。
もちろん、ソース・実行例・パラメータも書いてある。
自分勝手に汚いコードを書いていたのが正され、ちゃんと細かい仕組みなど理解できました。 -
-
