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

【なぜそうするのか？ UIデザインの意味と意図】UIデザインの中でも普段はあまり注目されることのない細かい部分にフォーカスした書籍です。デザイナーがどのような意図を持ってUIをデザインしているのかを解説します。身近なサービスを例として取り上げているので、実感を持って理解できます。筆者のデザイナーとしてのノウハウがふんだんに織り込まれているので、WebサービスのUIデザインをもっと良くするためのヒントになるはずです。（こんな方におすすめ）・自分のデザインの視点を今以上に広げたいUIデザイナー・UIデザインに興味を持っているデザイナー・UIデザインも担当しているエンジニア・デザインラフまで自分で考えることがあるディレクター（目次）第1章：色、文字、動きによる見せ方の工夫　　赤の使い方──色が与える直感的な印象を活かす...

※この商品はリフロー型で作成されており、ハイライトや検索、文字の大きさの変更などの機能がご利用可能です。◆銀の弾丸、OOUI。操作性と開発効率の劇的な向上◆　オブジェクト指向ユーザーインターフェース（OOUI）とは、オブジェクト（もの、名詞）を起点としてUIを設計すること。タスク（やること、動詞）を起点としたUIに比べて、画面数が減って作業効率が高まり、また開発効率や拡張性も向上する、いわば「銀の弾丸」的な効果を持ちます。ブログや雑誌記事などで大きな反響を得たこの設計手法について、前半部では理論やプロセスを詳説。そして後半部の「ワークアウト（実践演習）」では18の課題に読者がチャレンジ。実際に考え、手を動かし、試行錯誤をすることにより、OOUIの設計手法を体得できます。　本書は、2020年6月に刊行された同名書籍の改訂新版です。改訂にあたって、前半部の図版（作例やイラストレーション）をカラー化しました（文章自体に変更はありません）。さらに、巻末に「改訂新版あ...

Figmaでのデザイン制作のながれを学べる1冊！■FigmaとはFigma（フィグマ）は、デザインプロセスのすべての人をつなぎ、チームがより良いデジタルプロダクトをより速く提供できるようにするためのデザインコラボレーションツールです。『すべての人がデザインを利用できるようにする』というビジョンのもと、2012年にアメリカのサンフランシスコで誕生しました。現在は世界中で多くのユーザーに支持され、日本でもユーザー数が伸びています。シンプルな操作性や軽快な動作、強力な共同編集をはじめとした特徴をもつFigmaは、Webサイトやアプリケーションをデザインするデザイナーだけでなく、さまざまな職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善においても活躍してくれます。世界中の人々が利用し、アップデートが活発なツールでもあるため、ぜひ一度Figmaを使ってその魅力に触れてみてください。■本書の特徴・日本語化対応2022年7月29...

考え方から実践ノウハウまで、制作に役立つヒントが満載！※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。考え方から改善に役立つ知識、実践ノウハウまで、良いUIのためにやるべきことを全部集めました！本書はアプリやWebのUIデザインに関して、基礎知識から実践で役立つヒントやノウハウを体系的にまとめ、解説した書籍です。実際のデザイン制作の中で、デザインをブラッシュアップしたいとき、アイデアが欲しいときに本を開き、パラパラとめくりながらヒントや気づきが得られる一冊を目指しました。初心者の方も経験者の方も、それぞれの課題に応じてぜひ本書をご活用ください。＜対象読者＞・UIデザインを学びたい初心者・UIデザインのクオリティを上げたい・引き出しを増やしたい方・アプリ・Webのプロジェクトに関わりUIデザインを知りたい方

iPhoneアプリのインターフェースデザインの設計・制作・組み込み方法を詳細に解説。アップル社が提示する「iOSヒューマンインターフェースガイドライン」を基にUI・UXの基本を紹介し、架空の案件を設定してUIパーツを実際につくっていきます。XcodeによるiPhoneアプリ制作環境の構築から、UIパーツの実装、iPhoneでの検証、App Storeへの申請方法も紹介。サンプルデザインとサンプルプログラムがダウンロード可能です。

スマホサイトでよく使う43種類のUIパーツをビジュアルで解説。名前から実際の使い方、HTML5/CSS3+jQueryで実装するためのソースコードまでを1冊にまとめました。打ち合わせやプロトタイピング、コーディングに役立つ便利な図鑑です。コピー＆ペーストですぐに使えるサンプルファイルのダウンロード付き。

［この電子書籍は固定型レイアウトです。リフロー型と異なりビューア機能が制限されます］固定型レイアウトはページを画像化した構造であるため、ページの拡大縮小を除く機能は利用できません。また、モノクロ表示の端末ではカラーページ部分で一部見づらい場合があります。Reactのコンセプト、コンポーネント、JSX、活用テクニック、一歩進んだ使い方を解説！Reactは、Webアプリケーションにおいて、ユーザーインターフェース（UI）を構築するためのJavaScriptライブラリ。Facebook/Instagram社が中心となって、オープンソースとして開発・保守されています。Reactを使えば、プログラムの保守・再利用が容易になると同時に比較的高速な動作を実現できます。本書ではこれらの特長を概観したあと、開発の基本、一歩進んだ使い方などを解説します。Hello Worldや小さめのサンプルからはじめることで、初歩のレベルから着実に理解できるようにしました。これからReactによる開発を学ぼうとする方にとって最適な実践的入門書です。

〈電子書籍版について〉本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。【すべての先端デザインを俯瞰する最新資料集】この本は、「デジタルメディア」の領域ごとに最新のデザイン事例を紹介する「デザイン資料集」です。「要素」と「原則」の観点で解説することで、多くの方々に理解していただきやすくしています。ブランディングやプロモーションなどの基本的なデザインだけでなく、インスタレーションやメタバースなど、様々なジャンルや領域のデザイン事例を参照してもらえるものになっています。事例の裏には「つくる人たち」が必ず存在しています。そこで各章末にコラムを設け、各デザインの領域の前線で活躍する方々へのインタビューを収録しています。制作工程における中での課題やその解決策、デザインへの思いなど、プロたちの葛藤を知ることは、きっと仕事への刺激を得る機会になるはずです。・審美眼を養うカタログとして・多様な領域を俯瞰して把握する見取り図として・他ジャンルにアンテナを伸ばすきっかけとして・プロの仕事に刺激を得る機会としてなど、本書を読んで...

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。※PDF版をご希望の方はGihyo Digital Publishingも併せてご覧ください。◆かならず作れる！ハンズオン形式で学べるFigmaの入門教科書です。◆Figmaを使ったWeb/UIデザインをマスターするには、実際のWebサイトを作りながら学べるハンズオン形式が最適です。本書は、解説の通りに操作を進めることでFigmaの基本をマスターできる、初学者必携の入門書です。作例データをダウンロードし、実務に即したデザインを、実際の流れに沿って制作し、完成させることができます。オートレイアウト、コンポーネント、スタイル、バリアブルといったFigma特有の...

※本書は固定レイアウト型の電子版です【「使いにくい」Webサイト、どうすれば改善できる！？ ○×形式でわかりやすく解説】本書は「ユーザー視点」に立った使いやすいWebサイトを作るための、ユーザーインターフェース設計（UI設計）や情報デザイン（情報構造の設計）などについての考え方を、レイアウトやコンテンツ、ユーザビリティ、Webマーケティングなどの観点から解説したものです。見開き2ページ単位の構成になっており、記事テーマに即した良い例・悪い例のサンプル（Webページ）を使って○×形式で比較することで、難しいテーマをできるだけ具体的にわかりやすく説明しています。また、良い例・悪い例で述べた事柄をさらに深く理解していただくため、各テーマを詳細に掘り下げた解説記事も加えました。Webサイトの目的は「見てもらうこと」だけではなく「使ってもらうこと」であり、ひいてはユーザーに何かしらの「価値」を提供するためのものです。本書では、そうした考えにもとづき、使う側の視点に立った「本当に使いやすい」Webサイトのあり方・考え方を実...

※本書は固定レイアウト型の電子版です【どうすれば崩れないか、Webページのパーツごとにわかる。】スマートフォン、タブレット、PCなど、多様なデバイスでの表示に対応する手法として定着したレスポンシブWebデザイン。1つのサイトでさまざまな画面サイズに対応できる点が魅力ですが、しっかりと意識してつくらないとレイアウトが崩れたり、UIの機能が損なわれて使いづらくなったりと、問題が起こりがちです。本書では最も基本となるレイアウトをはじめ、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルなどのパーツごとにレスポンシブに対応させる実装方法を解説しました。シンプルなわかりやすい作例をベースにステップ・バイ・ステップ形式で解説していますので、本質的な仕組みを理解できます。また、掲載コードをダウンロードでき、コピー＆ペーストなどでご利用いただけますので、ご自身のWebサイトに部分的に取り入れたり、ひな型として使用することも可能です。Googleマップなどの外部API、Webアイコンフォント、遅延読み込みといった周辺技術も取り上げています...