Web Designing 2024年2月号

第1特集 思い通りに「伝わる」「伝える」ための デザイン基礎講座 ●Introduction 【UI/UXの基本　5つのルール】 UI/UXの基本概念を「UIデザイン」「UXデザイン」「情報設計」「インタラクションデザイン」「UXライティング」といった“5つのルール”で解説します。 ●第1特集：【デザイン基礎講座】 デザインの基礎を知っているだけで、伝わり方や伝え方は変わります。本特集では、「レイアウト」「色」「文字」の基本を押さえた上で、「Webデザイン」の大事な考え方をはじめ、ビジネスで多用する「資料作成」など、幅広い内容のデザインについて解説を行っています。「なんとなく」や「雰囲気」ではなく、再現性のある確かなコミュニケーションを図ること。それこそが、Webビジネスのクオリティを高める第一歩かもしれません。 Part1_【デザインの基礎】レイアウト・文字・色の基本原則を押さえる レイアウトの基本原則を理解する：情報の整理と差別化 / デザインに必要な４つの原則 / レイアウトの規則性…etc. 配色の基本原則を理解する：色の性質と選び方 / イメージと色 書体の基本を理解する：書体の種類と選び方 / 文字組みの重要性 Part2_【Webサイトのデザイン】心地よいユーザー体験のためのデザイン _見せる情報と隠す情報： アコーディオンで開閉 / 長いものは続きを隠す / カルーセルでスライド…etc. _適した動きの可変レイアウト： デザインに合った変化に / 安定したソリッドレイアウト / 柔軟なリキッドレイアウト…etc. _“普通”の文字サイズ： 基準となる文字サイズと行間 / Google 検索やnoteを参考に _リンクの有無を明確に： 誰もがリンクだとわかる表現 _画像や動画を快適に表示する： 画像の基本的なフォーマット / 次世代型の画像フォーマット / 動画フォーマットの使い分け _アニメーションが活きる場面： 動かす効果と役割 / 変化の過程を見せる _アイコン画像の活用：情報をアイコンで表現 〈 Webデザインの味方となる便利サイト8選 〉 Part3_【ビジネスのデザイン】装飾的ではなく機能的なデザインのポイント _資料や企画書の見せ方： サブ要素はグレーで表現/ 図は線の囲みを少なく…etc. _グラフやチャートのデザイン： 吹き出しでグラフ内を説明/流れを視覚化する…etc. _チラシ/ペラもののデザイン： ここぞ！ という文字は丁寧に処理 / アイコンで直感的に…etc. 【特別企画】 非デザイナーのためのデザインオーダー術 【コラム】 「商品の魅力を引き出す」ためのスマホ写真の心得と撮影の基本 非デザイナーが重視すべきビジネス文書のデザイン視点 -- 第2特集：「使わない」からはじめる マーケティングフレームワークの“正しい”使い方 【監修】トライバルメディアハウス　池田紀行さん どうもフレームワークを上手く使いこなせない、使っている場面に居合わせてもイマイチ納得できない。これが本企画の始まりでした。そこで思い切って、トライバルメディアハウスの池田紀行さんにぶつけてみたところ、返ってきたのは「最初からフレームワークを使わない」とのお言葉。え、それってどういうこと？ からスタートするこの話、きっとフレームワークを使いこなすための考え方が変わると思います。 _マーケティングにおいてフレームワークは正解への近道か？ _独自のフレームワークを開発する背景とその利点 _「使わない」からはじまる独学ステップ _フレームワーク活用度を高める反復トレーニング ●連載 ・Personalization X オムニチャネル ・文章力を上げる鉄板ルール ・どうする要件定義 ・ECサイト業界研究 ・ど根性ディレクション道 ・データのミカタ ・知的財産権にまつわるエトセトラ ・コラム「デザイン」