使いやすい理由とは何か
本書はUIにおけるデザインの定義から、
ハードおよびソフトによる制約、人間の心理による影響、
そして具体的にデザインを形にする方法までを、
図や画像を使いながら、わかりやすく体系的に解説していきます。
Webサイトの閲覧者やアプリのユーザーは、
いつのまにか迷ったり、わからなくなったり、
操作がしっくりこなかったりすることがあります。
本書を読むと「わかりやすさ」と「使いやすさ」の要点がわかるので、
ユーザーを迷わせない、最適なUIを見つけることができます。
デザイナーはもちろん、エンジニア、ディレクター、発注者など、
UI制作に関わる、あらゆる方におすすめの1冊です。
*本書は2013年刊行の『UIデザインの教科書』をもとにしていますが、
最新環境にあわせて、構成及び内容を全面的に書き直しています。
〈こんな人のための本です〉
・UIデザインの基本的な考え方を学びたい
・わかりやすさや使いやすさの理由が知りたい
・最新のデバイスごとの違いやルールを知りたい
・UIデザインのチェック項目が知りたい
・UIデザインを説明するためのロジックが学びたい
...etc
〈目次〉
第1章 デザインの目的とUI/UX
第2章 物理的な制約
第3章 ソフトウェアの影響
第4章 人間の認知特性
第5章 階層と構造
第6章 ナビゲーションとインタラクション
第7章 デザインを形にする
1章 デザインの目的とUI/UX
1-1:本書の範囲と対象
1-2:デザインの目的
1-3:UIとUX
1-4:まとめ
2章 物理的な制約
2-1:デバイスのバリエーション
2-2:入力手段の違い
2-3:画面の違い
2-4:AndroidとiPhone
2-5:まとめ
3章 ソフトウェアの影響
3-1:Webとアプリ
3-2:テキスト・画像・動画
3-3:パフォーマンス
3-4:まとめ
4章 人間の認知特性
4-1:色・形・動き
4-2:インタラクションコスト
4-3:一貫性
4-4:シンプルさ
4-5:共通概念
4-6:まとめ
5章 階層と構造
5-1:縦、横、前後
5-2:階層の深さと広さ
5-3:現在地と差別化表現
5-4:トップ・一覧・詳細
5-5:関連する情報
5-6:わからないとは何か
5-7:まとめ
6章 ナビゲーションとインタラクション
6-1:ナビゲーション
6-2:インタラクション
6-3:ヘッダ
6-4:フッタ
6-5:パンくずリスト
6-6:カラムと左右ナビゲーション
6-7:オーバーレイ、インレイ
6-8:スクロール、ページング
6-9:スクロールの方向
6-10:まとめ
7章 デザインを形にする
7-1:ミニマルデザイン
7-2:デザインガイドライン
7-3:プロトタイプ
7-4:マルチデバイスデザイン
7-5:まとめ
人気漫画「ちいかわ」のダイアリーに新柄が今年も登場!書き込まなくても可愛いコミックデザインです。糸かがり製本・4色印刷
●日付期間(掲載期間):2025年10月〜2026年12月
●罫内容:ブロックタイプ
●記入欄:ウィークリー、月曜始まり
●サイズ(判型):B6
●寸法:高さ188×幅135×厚さ10mm
●表紙:透明PVCカバー
●中紙:紙
●ページ数:176ページ
◆デザイン思考の導入は難しい?
デザイン思考とは、従来の手法では見出せなかった問題を発見し、新たな事業(モデル)や仕組みを創造する手法で、d.school(スタンフォード大学)が有名だ。
ただ、特殊なスキルが必要との思い込みから導入を躊躇う企業が多い。また、1用語や技術にこだわる、2完璧主義、3自前主義(非オープン)など、日本特有の理由からうまくいかないケースも少なくない。
◆トヨタの“カイゼン”も実践例のひとつ
一方で、成果をあげている日本企業もある。
例えば、トヨタのカイゼン。「なぜ(Why)を5回繰り返す」はデザイン思考の重要スキルセット「5Why」として普及。またその起点となる現場の観察は、デザイン思考の人間中心のマインドセットを支えるものである。
いまやSAP、ネスレ日本、小林製薬、サントリー、バルミューダ、マザーハウスなど成功事例は続出、富士通やSOMPOホールディングスなど導入を進める企業も増えてきた。
◆デザイン思考で時代の荒波を乗り越える
VUCAの時代には事業環境の不確実性、不透明性が増す。AIやロボット技術が進展するなか、デジタル技術・ネットワーク化を駆使した新たな事業創造が欠かせない。さらにSDGsへの取り組みも必須で、未知・未経験分野へ進出するための武器としてデザイン思考の実践的導入はますます重要になる。
本書は、国内外の最前線を知る著者が、具体的事例とともに、デザイン思考導入の基本と実践を総合的に解説する、経営者から開発担当者まで必携の一冊である。
第1章 社会とデザイン
第2章 デザイン行動と試行錯誤
第3章 デザイン思考とデザイン行動
第4章 観察によって人間を理解する
第5章 観察のスキルセット
第6章 問題を発見する
第7章 問題を解決する
第8章 体験のプロトタイプをつくる
第9章 デザイン思考ワークショップ
第10章 デザイン思考の組織導入
第11章 スタンフォード大学のデザイン教育プログラム
第12章 デザイン思考の実践
海外では、ピニンファリナやジウジアーロなど、名だたるデザイナーが鉄道車両を手がけており、車両にはそのサインも入れられています。でも、日本の車両にはそういったものはまったく見られず、デザイナーがどんな仕事をしているかも、なかなか伝わってきません。
本書は、車両メーカーのデザイナーとして30年以上のキャリアを積み重ねた斯界の第一人者が、鉄道車両をデザインするという仕事を語ります。デザイナーは芸術家ではないので、自分の好きな絵を描いているわけではありません。車両というプロダクトを作りあげていくために、デザイナーがどんな役割を果たし、そしてデザイナーが関わることでプロダクトがどう変わるのかを、豊富な実例を通してご紹介します。
ふだん、何気なく見かけている車両が、なぜあんなカタチになったのか、なぜあんな色になったのか、本書を読めばその理由が分かります。デザインの読み方を知ることで、いままで見えなかった鉄道車両の魅力も「読める」ようになります。鉄道ファンのみならず、事業者やメーカーで鉄道車両に関わる方すべてが必読のデザインの教科書です。
はじめに
第1章 鉄道車両デザインの意味するもの
第2章 鉄道車両のデザイン
第3章 日本と海外の鉄道車両デザイン
第4章 鉄道車両デザインに求められるもの
第5章 魅力を創る
第6章 鉄道車両をデザインする
第7章 車両デザインの潮流
終章 まとめに代えて
付章 ドバイメトロ開発記
ゲームデザインのヒントと哲学を「レンズ」を通して解き明かす!
「ゲーム作り」とはどのような行為で、「ゲームデザイナー」とはどのような職業なのか? ゲームデザイナーはどのようなスキルを持ち、ゲームのために何を考えるべきなのか? プレイヤーにより素晴らしいゲーム体験をしてもらうには? プレイヤーとゲームの関わり、ゲーム体験、世界観の作り方、プレイテストによるクォリティ向上など、さまざまな観点からゲームとゲームデザイナーのあり方に対する考え方や意識、哲学的な内容を中心に構成された一冊。世界でいちばん売れているゲームデザインの教科書、待望の邦訳。
【目次】
第1章 論述試験対策 JCDA(日本キャリア開発協会)
1-1 各設問の問題構成・ポイント概要
1-2 問題文の読み方
1-3 [問い1]の解き方
1-4 [問い2]の解き方
1-5 [問い3]の解き方
1-6 模擬問題1/模擬問題2/模擬問題3
第2章 面接試験対策 JCDA(日本キャリア開発協会)
2-1 面接試験の全体像
2-2 面接試験でよくある相談者の一例
2-3 面接ケース逐語録(悪い例・良い例)
人体の形態を学ぶための解剖学的な基礎知識を網羅この本は、人体描写に必要不可欠な解剖学の基礎知識をわかりやすく図説しました。さらに骨格や筋肉の構造が、体表に及ぼす形をさまざまな視点から研究、分析しています。
デジタルメディアが台頭する現代、社会や企業を取り巻く幅広い領域で、デザインの力が求められています。
グラフィックデザイナーやアートディレクターのようなデザインという特殊技能が必要な職種だけでなく、あらゆる職種にデザインの考え方が必要です。ただ美しく整ったビジュアルが求められているのではなく、手掛けた企業やプロジェクトの魅力を引き出し、いかにして成功に導くことができるのか。経営戦略まで考えたうえで最適解を導く必要があります。
プロのデザインが素晴らしいのは、思考というプロセスが含まれているからです。では、心を動かすクリエーションを提供するために必要な技術や思考とは?
本誌では、デザインに必要な要素として、「基本の流れ」「イラストとデザイン」「ロゴデザイン」「写真とレイアウト」「パッケージとデザイン」「配色」「VI・サイン計画」「Webデザイン」。この8つのテーマをもとに、最前線で活躍するアートディレクターが各パートを担当。自らの仕事を例にふんだなビジュアルを駆使して解説します。
さらにデザインの入り口に立つ皆さんへ、ヒントとなるメッセージも収録しています。デザインはどんなジャンルで活躍する方においても、必ず武器になります。ぜひ、本誌を参考にしてデザインの基礎力を養ってください。
おかげを持ちまして、デザインノートは発行から今号で100号を迎えました。
これまでご協力くださいました、アートディレクター、デザイナーの皆様に感謝の意を表するとともに、デザインノートをご愛顧くださいました読者の皆様に深く感謝いたします。
■目次
SPECIAL INTERVIEW 水野 学(good design company)
01 デザインの基本の流れ 佐々木 海、加藤圭織(good design company)
02 イラストとデザイン カイシトモヤ(room-composite)
03 ロゴデザイン 石川竜太(FRAME)
04 写真とレイアウト 岡本 健(岡本健デザイン事務所)
05 パッケージとデザイン 寺島賢幸(寺島デザイン制作室)
06 配色とデザイン 石黒篤史(OUWN)
07 VI・サイン計画 木住野彰悟(6D)
08 Webデザイン カトウヒカル(kanvas)
夏の美術学校特集2024
Professional CREATORS GALLERY クリエイターズ・バリュー クリエイター31組の仕事
高田式手帳が2026年も改良を重ねて登場!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
【本手帳の特長】
★「なりたい自分」を具体化し、振り返る機能を備えた「PDCA手帳」の決定版
★パタっと開く特殊製本
★25年12月から27年3月までフルに使える!
★月曜始まり
★24時間分書き込めるバーチカル週間ダイアリー
★他を圧倒する8種のワークシート+8種のダイアリーページを搭載
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
明確な夢を描き、それを実現するにはどうしたらいいのかーー。
そのためにはその思いを明確にし、スケジュールに落とし込み、日々の実践行動と振り返りが必須です。
とはいえ、実際にそれをやること、やり続けることはなかなか難しいもの。
そこで誕生したのが本手帳です。
『ライフデザイン手帳』は、「自分の役割」や「自分の思っていること(価値観)」を明確にするワークから始まります。
そこから落とし込まれた「夢リスト」や「10年ビジョン」、そして「年間計画表」へ書き込みを進めます。
そして、年間計画表から落とし込まれた「3カ月の目標と計画」「1カ月の目標と計画」にもとづき、「毎月・毎週の行動スケジュール」にブレークダウンします。
本手帳は、単なる「スケジュール帳」ではありません。
自分自身と向き合い、高みを目指すための「相棒」です!
ぜひ2026年を充実した1年にするために、ライフデザイン手帳を手にとってみてください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
◎主な構成
【前半のワーク】
Work1 「役割」を定める
Work2 「価値観」を探る
Work3 「価値観リスト」を作成する
Work4 「夢リスト」を作る
Work5 「10年ビジョン」を描く
Work7 「自己資源」棚卸しする
Work8 「年間目標」を設定する
【後半のダイアリー】
・年間行動計画表
・年間予定表
・3カ月の目標と計画
・1カ月の目標と計画
・月間ダイアリー
・週間ダイアリー(*)
・1カ月(3カ月、1年間)の振り返り
*習慣ダイアリーの特徴は、「バーチカルタイプ」「月曜始まり」「時間メモリ=24時間対応」
【その他】
・読書メモ(60冊分)
・メモページ (全47ページ分)
・年齢早見表
栄光のマジンガー3部作のメカデザインを網羅!
作品発表から半世紀を経た今もなお色褪せることのない、ロボット漫画・アニメの金字塔『マジンガーZ』『グレートマジンガー』『グレンダイザー』。それら3部作を対象に、ぞれぞれの味方・敵デザインを集めたデザイン大鑑です。ダイナミックプロのクリエイター勢による原案ラフデザインと、東映アニメ版の設定画を、現存する限り収録いたします。
グッズやイラスト展開、VTuber実装を見据えた制作手法!設定を視覚的に表現する制作工程。三面図や背景デザインなど資料づくりのポイント。キャラが際立つ一枚絵の描き方。
【商品詳細】握りやすく、転がりにくい形状!
六角形で軽くておしゃれな透明ボトル!
中身が見えるクリアボディ。
こし器付き飲み口。
【商品詳細】スリットが入っているので、果肉や茶葉がこぼれにくい!
【商品サイズ(約)】
サイズ:56×59.7×181.1mm
容量:350ml
【品質表示/耐熱温度】
本体:飽和ポリエステル樹脂(耐熱温度ー20〜70度)
フタ・飲み口フタ:ポリプロピレン(耐熱温度ー20〜120度)
フタパッキン:シリコーンゴム(耐熱温度ー20〜140度)
※自動食器洗浄機、食器乾燥機の使用はしないでください。
※70度以上のお湯は入れないで下さい。変形の恐れがあります。
※本商品に保冷・保温効果はございません。
●中国製
※掲載画像はあくまでイメージです。実際の商品とは色、柄等が異なる場合がございます。何卒ご了承ください。【商品サイズ (cm)】(幅×高さ×奥行):10×22.5×5.8
木工の世界は家具ばかりではなく、ボウルやハンガーなど、生活道具全般に可能性が開かれていると教えてくれたのがシェーカーでした
ーー木工家 三谷龍二
道具から流れる生活の気配はあまりに美しく私はそこから新しい生きるリズムを聴いています
ーーYAECA 服部恭子
18〜19世紀アメリカで祈りと労働の日々を送ったシェーカー教団。独身を貫き、平等と自治を主義として、自給自足のなか営まれた暮らしからは、シンプルながらも機能的な家具や生活道具が生み出された。シェーカーはいつ始まり、どのような暮らしを送ったのかーー歴史、信仰、教会、住まい、家具、衣服、料理に至るまで、祈りと暮らしの日々をアメリカにおけるシェーカー研究の第一人者が200点超のビジュアルとともに紹介する決定版。翻訳はシェーカー家具研究者の藤門弘。
ダニエル・ピンク『ハイコンセプト』、トム・ケリー『発想する会社!』など、デザインとビジネスをつなぐ名著30冊を紹介するブックガイド。
★本書の目的は、ビジネスを始めとした一般的な組織や仕事の現場において、創造的に仕事をしていくためのガイドです。そのため、広い範囲のデザインの知をいろんな角度から紹介していきます。
★研究の中で議論されているデザインの知を、どのようにビジネスの文脈にいかすことができるかを意識しながら書きました。この本の目的の一つは、ばらばらに存在するデザインの知に新しい文脈を与え、ビジネスや社会において新しいことを構想し、実践していくための道標を提示することです。
★デザインとその周辺の書籍を30冊セレクトしました。デザイン研究を代表する書籍もありますし、知る人ぞ知るといった書籍もあります。ブックガイドは書籍の要約ではなく、次の学びにつながるようなガイドとなることを意識しました。
【著者からのメッセージ】
この本は、デザインの学びに関心を持った人々に、書籍の紹介を通じて、その学びの世界への第一歩を踏み出してもらうためのゲートウェイになれると思っています。デザインとは自発的な行動の連続によって、あるべき世界を自らつくるという方法論です。ぜひ、この本をきっかけに新しい世界への第一歩を進んで欲しいと思います。
『ハイコンセプト』ダイニエルピンク
『突破するデザイン』ベルガンティ
『センスは知識からはじまる』水野学
『クリエイティブ・マインドセット』トム・ケリー
『発想する会社』トム・ケリー
『モノの意味』チクセントミハイ
『サイレント・ニーズ』ヤン・チップチェイス
『101デザインメソッド』クーマー
『誰のためのデザイン』ノーマン
『ビジネスモデル・イノベーション』キーリー
『イノベーションの普及』ロジャーズ
『デザインスプリント』リチャード・ベンフィード
本書はPhotoshopを使って簡単な手順でかっこいいデザインが作れる「ズボラPhotoshop」のアイデアやテクニックを1冊に凝縮したレシピ集。ズボラPhotoshopは「Photoshopやデザインを楽しんでほしい」という想いのもと、主に著者のSNSで発信されている動画のコンテンツです。操作の手順だけでなく、デザインをする上でのポイントや応用方法も多数収録。Photoshopに苦手意識がある、作品を作りたいけれどうまくいかない、デザインのアイデアをもっと増やしたい……などの悩みを解決します。
人は物を創るが、その物によって人は創られる。
わたしの対話の相手、物の怪とは……実はあなた自身であるかもしれません。
もし、そうであるなら、あなたは既にわたしとの思想的な共犯者なのだ。
1 物の概念はどのように生まれたか
1歌を忘れたカナリヤ
2物へのまなざしと歴史に現れる産業という言葉
3物事の中に潜む物の怪
4古代人がもっていた生きた自然観
5科学信仰と自然信仰
2 音声と言語との間
1先言語時代
2身振りと発声、そしてリズム
3言葉の視覚化と文字文化
4仮名序にみる歌の生い立ちと紀貫之の苦悩
5自然の中のジャムセッション、音楽との出会い
3 物創りと五感
1物事の認識と主役を演じてきた視覚
2潜在能力の高い聴覚
3生に関わる嗅覚と味覚
4遠のく肌感覚としての触覚
4 物創りへの視座
1ホモ・ハビリスは物創りをどう学んだのか
2自然はデザインとしての意図をもっているか……
3等身大の世界と等身大外の世界
5 直線、この抽象的なもの、そして曲線と円
1直線はどのように発見されたのか
2円いものの認識
3コロの発明と転がる物の中心点
4華麗なる円舞曲、レシプロエンジン
6 人は何故描くのか……
1描くこと、そのまえに
2動物たちは図面を描かない
3描くことと書くことの意味
7 遠近法が絵画をつまらないものにした
1生物学的な必然としての遠近法
2祈りの中から生まれた遠近感覚とマンガ
8 日本的な美しさの概念とはどのようなものか
1捉えどころのない美しさ
2曖昧な美しいものと汚いものの概念
3侘びと寂び、そして幽玄
4食の美学
5美しさは時が創る
9 科学のヘジテーション
1東洋哲学への接近
2小さなものが世界を変える
3進化の過程で脳の発達にみるもの
4頭脳と身体の問題
5数学への不遜な疑念
6科学の中に閉じ込められた矛盾
7異次元と客観性
8視点“✕”から観た宇宙
9物理時間と生理時間
10 量産社会のルーツ
1ダーウィンが資本主義と量産社会にもたらしたもの
2専門家の内向性と思い込み
3量産とは何か、生物学的見地から
4反比例する企業コストと社会コスト
5物創りとエントロピー
11 未来へ向けての奇妙なマーチ
1進化論とホロンとデザインと……
2変身願望とアンドロイド、“物化”する人間と“人化”する物
3現代はほんとうに情報時代だろうか
4物創りにおける“偽りの正当性”
5物の理とデザインとのあいだ
6ホール・アース・サミット
【商品詳細】雨の日も、晴れの日でも。
傘を開けば、作品の世界が開く。
両面デザインの晴雨兼用折りたたみ傘。
外側は日常使いしやすくシンプルなデザイン。
けれど内側を見上げれば、”映画”の世界感を堪能できます。
軽くて丈夫、折れにくいグラスファイバーとアルミの傘骨。
内側生地ポリウレタンコーティング。
両面印刷2重生地構造。
携帯に便利な収納袋付き。
・遮熱率35%以上
・遮光率100以上
・UVカット率100%
・紫外線から肌を守るUPF50+
※遮光率・UVカット率100%は生地の状態での測定値であり傘本体の性能を示すものではありません。
遮熱率35%以上なので、外出先でひかげを持ち歩くイメージです!
【商品サイズ(約)】
親骨の長さ:55cm
【材質】
傘生地の組成:生地 ポリエステル100%
※遮光率・UVカット率100%は生地の状態での測定値であり傘本体の性能を示すものではありません。
●中国製
※掲載画像はあくまでイメージです。実際の商品とは色、柄等が異なる場合がございます。何卒ご了承ください。【商品サイズ (cm)】(幅×高さ×奥行):98×63.5×98
「プレゼンテーション」領域を担うグロービス講師が教える
一番わかりやすい資料作成の入門書が登場!
豊富なつまずき実例で学ぶから、もう迷わない
すぐに使えて差がつく全プロセスを徹底解説!!
受講生たちの“あるある”な失敗事例から逆算して学ぶことで
自然と「伝わる資料」が最短で作れるようになる!
[こんな人におすすめです!]
・ 作った資料、「結局、何が言いたいの?」と言われがち
・ 意気揚々とパワポを開いて、途中で手が止まる
・ デザインや言い回しにこだわりすぎて、ムダな時間を費やす
・ せっかく作った資料、気づいたら論点とずれていた。ナゼ?
CHAPTER1 わかりやすい資料の5つの特徴
CHAPTER2 効率も時短もかなう「構想の練り方」
CHAPTER3 生産性を高める「インプット」の3ステップ
CHAPTER4 読み手に届く「スライド作成プロセス」のコツ
CHAPTER5 気をつけたい「アウトプット」のコツ
おまけ インパクトを残すためにできること
全国で建築を学ぶ学生の卒業設計作品を一堂に会し、日本一を決める日本最大の卒業設計展『せんだいデザインリーグ卒業設計日本一決定戦』の大会内容を伝える公式記録集。