オブジェクト指向ユーザーインターフェース（OOUI）とは、オブジェクト（もの、名詞）を起点としてUIを設計すること。タスク（やること、動詞）を起点としたUIに比べて、画面数が減って作業効率が高まり、また開発効率や拡張性も向上する、いわば「銀の弾丸」的な効果を持つ。ブログや雑誌記事などで大きな反響を得たこの設計手法について、前半部では理論やプロセスを詳説。そして後半部の「ワークアウト（実践演習）」では18の課題に読者がチャレンジ。実際に考え、手を動かし、試行錯誤をすることにより、OOUIの設計手法を体得できる。

3,278円

【楽天ブックス限定特典】【サイン本】オブジェクト指向UI…

ＵＩを、化学の原子に見立てて設計する、Ａｔｏｍｉｃ　Ｄｅｓｉｇｎの考え方・具体的な手順からＲｅａｃｔを使った実装まで、ＵＩ設計の本質とともに１冊で解説。インターネットテレビ「ＡｂｅｍａＴＶ」のＵＩ設計を担当した著者が、現場実践をふまえて伝授する。

3,278円

Atomic　Design

Ｗｅｂデザイナーとして“やるべきこと”と“やってはいけないこと”をまとめた、Ｗｅｂデザインの新しいルールブック。Ｗｅｂデザインのフローとオペレーションを正しく効率化する８１のルール。現在のトレンドの基本知識。Ｆｉｇｍａ、Ｐｈｏｔｏｓｈｏｐ、ＩｌｌｕｓｔｒａｔｏｒのＴＩＰＳ。コーディングフレンドリーなデザインデータとは。わかりやすい納品データの考え方。

2,420円

スマートWebデザイン　脱・自己流のデザイン＆データ作成…

ＤＴＰ・組版の基本から本格的なデザインまで。豊富な図解とサンプルで知りたかった機能や操作がきちんとマスターできるユーザー必携の入門書です。

2,948円

InDesignスーパーリファレンス…

「パソコンやインターネットに詳しくないけど、Webサイトを作りたい」「知識ゼロでも手取り足取りやさしくWebデザインを教えてほしい」「今のWebサイトは成果が上がらないので、デザインを見直したい」そんなあなたに朗報です! イラストを見るだけでサクッと学べると評判の「見るだけノート」シリーズに、待望のWebデザイン登場! これ一冊で、専門知識がなくてもラクラクWebサイトが作れます。デジタル対応必須のウィズコロナ時代の必読書。

2,178円

HTML＆CSSの基本がゼロから身につく! Webデザイ…

「自分だけのWebサイトで情報を発信したい！」 そんなときに、HTMLやCSSを意識することなく、高機能で本格的なWeb サイトを作れるツールのひとつがWordPressです。 WordPressは、無料ブログサービスのように管理画面から記事の作成と公開を行えることや、誰でも無料で使えるオープンソースであること、また、柔軟なカスタマイズ性が大きな魅力として人気を集めています。 WordPressは2018年12月にバージョン5.0が公開され、新たにブロックエディターの機能が搭載されました。 文字どおりブロックを組み立てるようにページを作成できるため、ユーザーはより簡単に、より柔軟にコンテンツを管理することが可能となりました。 前著であるWordPress Perfect Guidebook [4.x対応版]の発売から4年以上がたったいま、情報発信の中核はWebからソーシャルメディアに移り変わっていますが、信頼性が高く整理された情報、時系列を問わない検索性の高さ、視覚的なブランディングができるという点において、Webはソーシャルメディアとは異なる重要な役割を持ち続けています。 本書では、はじめてWebサイトを作る人に向けて、WordPressの機能と操作方法、公式テーマの使い方を中心に解説しています。 実際に手を動かしながら本書を読み進めることによって、「WordPressでできること」をより理解し、活用することができるでしょう。 また、ソーシャルメディアとの連携や、広告の掲載、サイト公開後の運用管理まで幅広く紹介し、知っていると役立つTipsも多く掲載しています。 WordPressでオリジナルのWebサイトを作る第一歩として本書を役立てていただければ幸いです。 （「はじめに」より）

1,738円

WordPress Perfect GuideBook …

レイアウト・ナビゲーション・カルーセル・フォーム、レスポンシブではこうする。レスポンシブＷｅｂデザインでどのように構築していくか、基本的なレイアウトから各パーツの作り方まで、現場で本当に使われている手法を解説。ＷＡＩ-ＡＲＥＡにも対応したこれからのスタンダードです。

2,530円

プロが教えるレスポンシブWebデザイン現場のメソッド…

本書は、WordPressにおいて、これまで使われていた「クラシックテーマ」に代わる新しいテーマ形式「ブロックテーマ」の作成に特化した本です。 ブロックエディターは、PHPやHTMLなどの知識が不要で、ノーコードでブロックテーマを編集できます。 ブロックエディターを使ってWebページの構成要素であるコンテンツ（テキストブロック、画像ブロック、リストブロックなど）をブロックで作成し、サイトエディターを使ってサイト全体の構成要素を編集できます。 本書では、提供するサンプルを使ってブロックエディターに慣れ親しみ、コンテンツ（テキストブロック、画像ブロック、リストブロックなど）のブロックテーマを作成し、ていきます。そして、それらのブロックテーマをサイトエディターで配置してていきます。 そのほか、オリジナルのブロックテーマの作成方法についても解説するので、自由にブロックテーマを作る方法も習得できます。 CHAPTER　0　環境と知識の確認 　01　環境 　02　必要な知識 CHAPTER　1　PCにWordPress環境を構築 　01　WordPressとは何か？ 　02　WordPressで使用される用語 　03　ソフトウェアの準備 　04　サーバーの準備（ローカル環境でWordPress） CHAPTER　2　ブロックエディターに親しむ 　01　ブロックエディターによるコンテンツ編集 　02　サイトエディターによるテーマ編集 CHAPTER　3　オリジナル「ブロックテーマ」の作成 　01　「ブロックテーマ」とは 　02　ブロックテーマの作成 　03　CSSによるレイアウト 　04　その他のテーマ紹介 CHAPTER　4　インターネットサーバーに「WordPress」環境を構築 　01　ファイルアップロードソフト 　02　ウェブサーバーの準備 　03　WordPress のインストール

2,750円

サクッと！WordPress ノーコードでブロックテーマ…

ユーザーとして知っておきたいWebページの基礎を学び，シンプルなWebページを自分で構築できるようになる一冊。写真や動画の挿入法など，学んで楽しい技術を多数紹介する。大学の講義用テキストに最適です。 1 Webページとは 1.1 Webページの概要 1.2 Webページの作成 1.3 Webページの表示 2 HTML 2.1 HTMLの概要 2.2 文書 2.3 文字 2.4 箇条書き 2.5 背景 2.6 画像 2.7 リンク 2.8 表 2.9 音声・映像 3 CSS 3.1 CSSの概要 3.2 セレクタ 3.3 CSSによるデザイン 3.4 外部ファイルへのCSSの記述 4 JavaScript 4.1 JavaScriptの概要 4.2 基本的な利用 4.3 変数と制御構造 4.4 イベント・関数・フォーム 資料1 標準16色 資料2 カラーチャート216色

2,090円

はじめてのWebページ作成　HTML・CSS・JavaS…

色彩の基本とルールから配色レイアウトのアイデアいろいろ。イラレ・フォトショップのワンポイント解説付き。

2,398円

知りたい配色デザイン…

ＣＳＳの最新トレンドを身につける！プロが現場で使うＣＳＳのテクニックをステップ・バイ・ステップ形式で丁寧に解説。

3,080円

CSS　優良デザイン×アイデア事典　プロがシェアする現場…

Webデザインの作業フェーズ・業務シーンごとに、 「Adobe Photoshop」と「Adobe Illustrator」の 便利な使いこなし方やノウハウを解説する本です。 Webにまつわるビジュアルをより魅力的なものにするために、 あるいはWeb制作を効率的に行うために必要となるテクニックを 目的に沿って作例を用いながら解説します。 Webデザイン初心者、Webデザインに活動範囲を 広げたいと考えているグラフィックデザイナーはもちろん、 簡単な素材の制作や写真加工を行う必要があるプログラマーや コーダーにとっても有益な内容です。 Adobe Creative Cloud 2020/2019対応。 ※教材データはインターネットからダウンロードする必要があります。 【CONTENTS】 ●CHAPTER 1 Webデザイン+Photoshop+Illustratorの基礎知識 印刷物のデザインとは違ったセオリーやルールなど、 Webデザインの基礎知識について解説! ●CHAPTER 2 ワイヤーフレーム制作で使えるテクニック Webページに要素をどう配置するのかを表した大枠(ラフレイアウト)である 「ワイヤーフレーム」制作の際に役立つテクニックについて解説! ●CHAPTER 3 画像処理に使えるテクニック 印刷物のデザイン時にも活用できる基本的な画像の補正や加工から、 Webの機能を盛り込んだ表現まで幅広く解説! ●CHAPTER 4 パーツ制作で使えるテクニック アイコンやロゴ、囲み罫、背景パターン、バナーといった Webページを構成するパーツを効率よく制作する方法を解説! ●CHAPTER 5 カンプ制作で使えるテクニック 補正や加工を施した画像や、作成したパーツを組み合わせて デザインカンプとして仕上げる際に必要なテクニックを解説! ●CHAPTER 6 コーディン向けに使えるテクニック 編集・作成した画像、パーツ、デザインカンプなどをWebページに適した形式や、 コーディングに適した状態で書き出す際のテクニックについて解説!

2,640円

WebデザインのためのPhotoshop＋Illustr…

ＸＤによるＵＩデザインとプロトタイピングの基本の「き」が身につきます！１５レッスンで基礎から一歩ずつ応用まで。レッスン後に成果を試せる練習問題つき。レッスンデータをダウンロードして操作を実践。

2,728円

Adobe　XD　UIデザインとプロトタイプ制作の教科書…

モノを作るためには道具を自分の身体のように使えることが大切です。デジタルなクリエイティブの世界でもそれは同じ。創造するためには、まず技術を身につけましょう。機能やツールの使い方のおさらいからはじめて、読み終わるころにはしっかりと基礎力がついているように、本当に必要な技術を選んで１５のレッスンを構成しました。クリエイターとしてプロをめざしたい人が最初に読む本。

2,728円

Illustrator　＆　Photoshop　＆　XD…

考えながら、作りながら、習得する。 プロではないけれどWebサイトをデザインしたり運営したりしなければいけない人のための、Webデザインの学校です。 たとえば、こんなこと、ありませんか？ ●会社やお店のWebサイトを作ったけれども、「デザインのセンス」がなくイマイチ見栄えがしない。集客のためにもサイトのデザインをどうにかしたい！ ●費用をおさえるため、テンプレートを使ってWebサイトを作ってみたが、更新しているうちにレイアウトが崩れてしまったまま……どうしよう！ ●Webサイトのスマートフォン対応がよく言われているが、実際どのように作ればいいのか、サイトの作り方や対処法を優しく教わりたい ●最近流行のWebデザインやトレンドについて、いまひとつつかめてない。まとめて読める、やさしく教えてくれる本はないのかな？ ……そういう悩みに、本書はばっちり効きます。 本書は3つのコースでできています。 Part 1「Basicコース」では、Webサイトが表示されるしくみや、現在のWeb制作・運営者が知っておきたい基礎知識をコンパクトにまとめ紹介します。 Part 2「Drillコース」は、問題形式でWebデザインのコツを掴んでいきます。「リンクがわかりやすいのはどちら？」「見やすいナビゲーションはどちら？」「文字が読みやすいのはどちら？」などの問題が出されますので、2つのデザインを見比べて、ぜひ考えてみてください。問題を自分で考え、その後で解説を読むことで、単に解説を読むだけよりも、深く納得感を持って理解でき、「デザインを考える力」が身につくようになっています。 そしてPart 3「Tutorialコース」は、チュートリアル素材を使って、レスポンシブWebウェブを制作する、誌上ハンズオンセミナーとなっています。 本書で使用するのはデジタルステージが販売しているBiNDというソフトです。BiNDは、HTMLを書く知識がなくても、洗練されたデザインのWebサイトが短時間で作れるホームページ作成ソフトです。 自動でスマートフォンサイトに最適化するレスポンシブWebにも対応しています。 「Drillコース」で学んだWebデザインのノウハウの実践編となっていますので、ぜひ取り組んでみてください。 チュートリアル用の素材は、本書サポートサイトからダウンロードできます。

2,508円

ドリル式　やさしくはじめる　Webデザインの学校…

2,420円

だれでもWebデザインができる本増補改訂版…

紙とデジタルメディアの違いに改めて学ぶ、伝わるコンテンツづくりのコツ。

2,640円

WEBデザインメソッド

本書はWebページ制作に必要な知識、HTMLとCSSを一から学びたい方のための独習書です。現在主流となりつつあるHTML5の基礎的なWebページ制作に使われるタグを元に解説しています。付属のCD-ROMの作例を使いながら実際に記述しながら学べるので、サイトをはじめから作りたいと考えているには短期で学ぶことができます。記述に必要な無償のエディタも収録。この1冊でHTML、CSSの基礎が身につきます。

2,838円

速習WebデザインHTML＆CSS…

ビジュアルデザインの基礎から、情報構造設計、ＨＴＭＬ５、ＣＳＳ３、アクセシビリティ、プログラミングなどの実装まで。

3,740円

Webデザイン第2版

本書では、中小企業等における、基幹業務開発のために、Office365を活用し、Web Access 2013を実習できるようになっています。 従来Accessを使ったことがある方、あるいは、IT技術者の方々にとりましては、この書籍を読むことにより、直ちに開発に取り組めるようになります。 当書籍はモノクロ版ですが、カラー表現があります。ご迷惑をおかけしますが適宜ご判断ください。

3,300円

【POD】Web Access 2013 実習書（初級）…

2,640円

例題で学ぶWebデザイン入門…

【対応ブラウザで迷っていませんか？最新ブラウザ対応で気持ちよくコーディングしましょう！】 本書は、ウェブブラウザシェアの約95％を占める最新ブラウザ（IE11、Chrome、Safari、Firefox、Edge）向けのCSSを駆使することで、作りたいものが作れる、やりたいことができる＝気持ちよくウェブ開発のコーディングを行うためのノウハウ集です。 〈本書の対象読者〉 CSSとHTMLをある程度知っているデザイナー IE6〜8時代にコーディングしていたコーダー 楽な書き方をざっくり知りたいエンジニア

1,980円

OD＞最新ブラウザ対応で気持ちよく書くCSSデザイン…

【ウェブフォントの基礎から最適化まで、なんでもござれの一冊！これを読めばあなたもウェブフォントマスター！】 本書は日本語でのウェブフォントを使う際の様々な最適化の手法について詳しく紹介しています。「重い」「使いにくい」といったウェブフォントへの抵抗感を払拭し、ウェブサイトを「おしゃれ」に楽しみましょう。 〈本書の対象読者〉 ウェブフォントを使いたいと思っているフロントエンドエンジニア、ウェブデザイナー

1,540円

OD＞誰でもつかえる！ウェブフォント実践マニュアル…

3,080円

動くWeb　優良デザイン×アイデア事典　プロがシェアする…

2,640円

SNSマーケティングのやさしい教科書。改訂5版──写真・…

一生使えるWebデザインの本気の入門書！ 累計19刷突破のベストセラーが最新情報にアップデート！ これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！ レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！ 配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！ 写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、CSSグリッド、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方 CONTENTS ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー Chapter 01 Webデザインの基本 Chapter 02 レイアウト Chapter 03 配色 Chapter 04 写真と図版 Chapter 05 タイポグラフィ Chapter 06 HTML5とCSS3 Chapter 07 インタラクション Chapter 08 運用とマーケティング

2,860円

初めてだけどやさしくわかる　Webデザインきちんと入門…

このサイトのデータは 2026/08/06 17:30:24 に楽天APIから取得しました。このサイトで掲載されている情報は shopping.ago-go.org の作成者により運営されています。 価格、販売可能情報は、変更される場合があります。購入時に楽天市場店舗（www.rakuten.co.jp）に表示されている価格が、その商品の販売に適用されます。