※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

少し立ち止まって、考える 「デザインと言語化」／Webアクセシビリティ最前線⚫第1特集：少し立ち止まって、考える「デザインと言語化」
クライアントの言葉に耳を傾け、チームで話し合い、できあがったものを説明する。「なにを」「なんのために」「どのように」つくっていくのか、つくったのか。デザインを構成するプロセスにおいて、言葉によるコミュニケーションが重要性を増してきたのがここ数年のひとつの特徴であると言っても過言ではありません。本特集では、デザインに関わる方々が、よりよいコミュニケーションを図るための言語化について、さまざまな視点からアプローチを試みます。


_【対談】
～スケッチと言葉で思考を捉える～
原研哉（日本デザインセンター） ＆ 小玉千陽（ium／THE GUILD）

～それでも人は言語を使う～
中野信子（脳科学者）＆ 川田十夢（AR三兄弟）

_【Introduction】
対話を導くための「言語化」のエスキース
渡邉康太郎（Takram）

_【言語を理解し発話するプロセスとメカニズム】
小林哲生（NTTコミュニケーション科学基礎研究所）

_【辞書編纂者による「言語化の技術」】
飯間浩明（『三省堂国語辞典』編集委員）

_【“良い”言語化のための思考のデザイン】
原明日香（アルテバレーノ）

_【「言語化」に強くなる習慣と組織のつくり方】
野田克樹（Algomatic 執行役員 横断CXO）

_【言語化トレーニング 22のポイント】
安達裕哉（『頭のいい人が話す前に考えていること』著者）
藤吉豊（『「文章術のベストセラー100冊」のポイントを1冊にまとめてみた。』著者）

_【コラム】
山口 拓朗「伝達力UPのオノマトペ活用術」
三遊亭楽生「伝え方を強化する落語の話術」

_【言語化とデザイン-特別寄稿】
最果タヒ（詩人）
津野青嵐（ファッションデザイナー／アーティスト）
藤崎圭一郎（デザイン評論家、編集者／東京藝術大学 教授）

_【言語化を高めるための「資料集」】
「言語化」にまつわる書籍紹介


⚫第2特集：Webアクセシビリティ最前線
2024年4月の改正障害者差別解消法の施行によって、これまで民間事業者には努力義務とされていた、「障害者への合理的配慮の提供」が法的義務になりました。Webアクセシビリティへの影響はあるのでしょうか。アクセシビリティに詳しい株式会社ツルカメの森田雄さんと一緒に考えてみたいと思います。

改正法施行の影響は？
義務化される「合理的配慮の提供」とアクセシビリティとの関係を整理する
水田進（弁護士）

取り組むメリットは？
アクセシビリティに取り組む意義や価値を多角的に考えてみる
伊原力也（freee）

制作会社はどうする？
受託制作とアクセシビリティ、どう向き合う？ どう活かす？
本田一幸、堀江哲郎（株式会社トルク）


⚫連載
・WD SELECTIO PLUS
・Personalization X オムニチャネル
・文章力を上げる鉄板ルール
・データのミカタ
・知的財産権にまつわるエトセトラ
・コラム「デザイン」「仕組み」
・gestures

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

導入、構築、運用までを理解する「デザインシステム実例集」／Webビジネスを円滑に進める「ロジカルシンキングの教科書」
【特別企画】2023年のトピックからWebクリエイティブの潮流を探る
鼎談：田渕将吾氏（S5-Style）× 木村浩康氏（Rhizomatiks）× ムラマツ ヒデキ氏（QUOITWORKS Inc.）

⚫Introduction
【大阪・関西万博 共創のデザインシステム】
2025年に行われる大阪・関西万博のデザインシステム。大阪・関西万博の理念やコンセプトを「デザインシステム」へ落とし込んだプロセスを、クリエイティブディレクターの引地耕太さんへのインタビューで明らかにします。

⚫第1特集：【事例と解説から学ぶ デザインシステム】

「デザインシステム」という言葉が認知されはじめてから数年が経ちました。その一方で、「いったいなにを表すの？」「言葉の定義がわかりにくい」「スタイルガイドとはなにが違う？」といった疑問の声がつきまとうこともまた、デザインシステムの一面ではないでしょうか。そんな数々の疑問にこたえるべく、さまざまな視点からデザインシステムについてアプローチを試みました。キーワードは「組織＆デザイン＆エンジニアリング」と「共通言語」です。

_【特別鼎談】デザインシステムの構築と運用、そしてその本質
河西紀明氏（DMM.com ） × 三瓶 亮氏（Spectrum Tokyo）× 谷 拓樹氏（Figma Japan）

_デジタル庁に聞く「デザインシステム」の役割と効果
デザインシステムで“使いにくい”を解消する ／ デザインシステムの導入で何が、どう変わるのか ／ アクセシビリティを確保しつつ、デザインのアレンジが可能に

_Case Study
デザインシステム導入済み企業に聞く、構築から運用までの歩み
freee / atama plus / Ameba

_References of Design System（資料集）
各社のデザインシステムのあり方を資料から学ぶ

【コラム】
_組織に「価値」を届けるデザインシステムのはじめかた
_実例から学ぶデザインシステムの本領
_2024年に大規模展開する「Adobe Spectrum 2」に迫る

--
第2特集：
ロジカルシンキングでWebビジネスを効率化
［監修］『ロジカルシンキングと問題解決の実践講座』著者 吉澤 準特氏

最近、ビジネスの世界で話題となることが多い「ロジカルシンキング」。合理的で論理的なアプローチを用いることで問題を解決しようとするこの考え方はWeb制作の仕事にもおおいに役立ちます。今回は、外資系のコンサルタントファームに長く在籍し、近年は働き方の改善をテーマとしたコーチとしても活躍する吉澤準特さんにその基礎について、実践的に解説していただきます。

_「分ける」を身につけて仕事をサクサク進める
タスクの大渋滞をスッキリ解消／自分のタスク量をクッキリ可視化／締切のドタバタとおさらば
_「深掘りする」技術を身につけて身の回りの課題をズバリ解決する
クライアントの「本当の要求」を見つけ出せ／「ざっくり指示」に裏にある本当の課題をあぶり出す


⚫連載
・WD SELECTIO PLUS
・Personalization X オムニチャネル
・文章力を上げる鉄板ルール
・ECサイト業界研究
・ど根性ディレクション道
・データのミカタ
・知的財産権にまつわるエトセトラ
・コラム「デザイン」「仕組み」

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

思い通りに「伝わる」「伝える」ための「デザイン基礎講座」／マーケティングフレームワークの“正しい”使い方
第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サイト業界研究
・ど根性ディレクション道
・データのミカタ
・知的財産権にまつわるエトセトラ
・コラム「デザイン」

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

Web制作会社が絶対知っておきたいWeb構築＆運用＆AI活用の法律知識
【完全保存版】Web制作と著作権

生成AIの目覚ましい進歩により、Web制作の現場にも大きな変革が起ころうとしています。それとともに、AI活用に伴う著作権も無視できない状況です。AI活用だけでなく、著作権や肖像権、はたまた薬機法や景表法など、Web制作にx絡む法律は多くあり、それを知らずにWeb制作をすることはリスク以外の何者でもありません。

そこで、AIのような最新技術にまつわるものから、一般的に知っておかなければならない法律・法令を網羅し解説、そしてその対応から違反が起こってしまった際の対処法まで解説します。

知らなかったでは済まされないさまざまな法律を、必要な時に調べられる完全保存版の一冊です！

＜予定内容＞
知的財産権：著作権
知的財産権：商標権
知的財産権：特許権
知的財産権：意匠権
個人情報保護法
肖像権、パブリシティ権、プライバシー権
特定商取引法
薬機法、健康増進法、食品表示法
景品表示法
不正競争防止法、職業安定法、改正電気通信事業法
Webサイトの利用規約
フリーランス新法
電子帳簿保存法

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

コンテンツマーケティングの高速化・効率化はCMSでできる！
構築、レスポンス、更新、業務フロー、ビジネスの成果
CMSでWebビジネスをスピードアップせよ！

CMSを活用した情報発信やWebビジネスにおいて、「高速化」の要望がますます高まっており、オープンソースCMS以外にもクライアントのニーズに合わせてさまざまなCMS が活用されています。

高速化といえば、「ヘッドレス」「Jamstack」といった技術的なキーワードが注目されますが、静的サイトをメインとした MS や、その他独自の技術によりサイトの高速化に貢献するCMS は多々あります。
さらに、技術的な側面だけでなく、体制面や運用面においても「高速化を求められています。
そこで、Web Designing 2023年10月号では、大好評につき5回目となるCMS特集を
機能や技術だけでなく、業務や承認フロー、更新作業など大きな視野で「高速化」を切り口に、
ヘッドレスやAIの進化などもカバーしつつ、今日から実践できるノウハウをお伝えします。

●CMSの高速化はビジネスの高速化に繋がる！
●CMSに訪れる異次元の進化！
●今こそ本気の「CMS高速化対策」
●ヘッドレスCMSによる高速化でSEO・回遊性の向上
●ゼロからわかる「静的サイトジェネレーター」
●CMS担当者のためのセキュリティ・保守入門
他