カミクズヒロイ書籍検索 楽天ウェブサービスセンター

デザイン の検索結果 標準 順 約 2000 件中 61 から 80 件目(100 頁中 4 頁目) RSS

  • これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
    • Capybara Design 竹内 直人/竹内 瑠美
    • 翔泳社
    • ¥2420
    • 2021年10月14日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 4.52(21)
  • 知識ゼロからWebサイト制作を学ぶなら、この1冊ではじめよう。HTML/CSSの基本をやさしく解説。4つのサイトをつくりながら楽しく学べる。重要パートは動画による解説つき。
  • タイトルまわり
    • BNN編集部
    • ビー・エヌ・エヌ
    • ¥2860
    • 2023年11月22日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 4.0(1)
  • キャッチーな「見出し」の文字とあしらい。
    視線を獲得する、タイトルデザインのアイデア集
    ポスターやフライヤーなどの広告媒体や、書籍やカタログなどの冊子、Webサイトなどのレイアウトには、「タイトル」「見出し」が必ずあります。本書は、そうした「タイトルまわり」の「文字」と「あしらい」をテーマにしたデザイン事例集です。作り文字から、文字まわりのアクセントのデザインまで、視線を瞬く間に捉えるキャッチーな作品を多数紹介。ケイ線、帯、囲む、吹き出しなど、タイトルまわりの特徴を言語化して分類します。あわせて、使用書体の情報も掲載。アイデアを組み合わせることで、無数の引き出しを得られるでしょう。デザインのお供として、ぜひご活用ください。

    ・掲載アイテム
    ポスター/フライヤー/書籍/パンフレット/CDジャケット/Webサイト ほか

    ・使用書体
    作品のタイトルに使用された書体(ベースとしたものも含む)を掲載。オリジナルの作字や、手書き文字は、「オリジナル」と記載しています。

    ・DESIGN IDEA 100
    グラフィックデザインのアイデアを増やすための、ビジュアル資料集のシリーズです。テーマごとに最新のデザイン事例を収録。
    ・タイトルまわりの分類
    カラフル/色をつける/グラデーション/飾りケイ/ケイ線/アーチ型/帯/ナナメ/囲む/吹き出し/挟む/大小/書体ミックス/四隅/フチ文字/直線文字/手書き/立体/記号/数字/全面/はみ出す/重ねる/飛び出す/動かす/伸ばす/破く/隠す/グランジ/ジグザグ/反復/円形/図形化/擬人化/タテ・ヨコ/フォーカス/長体・平体/回転/反転/白抜き/写真+文字/絵+文字/アイコン+文字/シンプル ほか
  • デザイン入門教室 [特別講義]
    • 坂本 伸二
    • SBクリエイティブ
    • ¥2035
    • 2015年07月02日頃
    • 送料無料(コンビニ送料含む)
    • 4.34(34)
  • グラフィックワークから企画書、プレゼン資料まで。
    デザイン基礎力は、一生役立つ武器になる!

    これからはじめる人に読んでほしい、
    とことん丁寧な本格入門書、遂に発刊!
    現場のプロが教える真剣教室、開講です!

    【センス、経験、一切不要!】

    ーーーーーー
    デザインは、すべての人が必ず上達できます。

    デザインが苦手な人の話を聞くと「私にはセンスがないから」といわれることがあります。しかし、読み手に伝わるデザイン、心に残るデザイン、読みやすいデザインを制作するのにもっとも大切なものはセンスではありません。大切なのは・・・
    ーーー本文より

    ●本書の対象読者
    ・自分自身で何らかの紙面や資料などを制作する機会がある人
    ・紙面や資料で他人に何かを伝える機会がある人
    ・これからデザインを勉強しようとしている人
    ・デザイナー1年生
    Chapter 1 - デザインをはじめる前に 〜 はじめに知っておくべき最重要ポイント 〜

    Chapter 2 - レイアウトの基本ルール 〜 紙面イメージを決定する配置設計の基礎知識 〜

    Chapter 3 - 写真と画像 〜 目的別で学ぶ、写真の選び方と使い方 〜

    Chapter 4 - 配色の基本 〜 色には人の心を動かす力がある 〜

    Chapter 5 - 文字と書体 〜 読みやすく、人を惹きつける文字と書体の使い方 〜

    Chapter 6 - 文章のデザイン 〜 読みやすい文章制作の基礎知識 〜

    Chapter 7 - インフォグラフィック 〜 情報の図式化と、グラフ・表の作り方 〜

    Chapter 8 - 実践演習 〜 頭の中のイメージを具体化するデザイン実技 〜
  • プレゼン資料のデザイン図鑑
    • 前田 鎌利
    • ダイヤモンド社
    • ¥2310
    • 2019年03月22日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 3.96(49)
  • 第1章 プレゼン資料の基本15
    ・ビジネスプレゼンのロジック展開
    ・社内プレゼンと社外プレゼンの違い
    ・本編とアペンディックス
    ・グラフは「左」、メッセージは「右」 など

    第2章 スライド設定
    ・スライド・サイズの選び方
    ・「表紙」のつくり方
    ・ページ番号の置き方 など

    第3章 テキストの見せ方
    ・フォントの選び方
    ・フォント・サイズの選び方
    ・キーメッセージの見せ方 など

    第4章 3秒でわかるグラフ
    ・グラフ・スライドの基本
    ・棒グラフの見せ方
    ・円グラフの見せ方
    ・ポジショニング・グラフの見せ方 など

    第5章 ビジュアルでつかむ
    ・表スライドの見せ方
    ・フローチャートの見せ方
    ・スケジュールの見せ方
    ・画像スライドの見せ方 など

    第6章 パワースライドのつくり方
    ・「数字」でひきつける
    ・「質問」でひきつける
    ・「黒地+白字」でひきつける など

    第7章 アニメーションの使い方
    ・「フェード」の使い方
    ・「マジック・ムーブ」の使い方
    ・「ワイプ」の使い方 など
  • デザイナーは何を考え、どう作っていくのか? WebデザインプロセスBook
    • 加藤 千歳
    • ソシム
    • ¥2200
    • 2024年10月29日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 5.0(1)
  • Webサイトが形になるまでには
    さまざまな試行錯誤が行われます。

    デザイナーは、時に専門的な言葉で、時に感覚的な言葉を用いながら
    トライアンドエラーを繰り返し、
    表現したい完成形を具現化していきます。

    本書では、Webサイト制作の流れとともに
    納得のいくテイクに辿り着くまでのプロセスを紹介。

    クライアントへのヒアリングからワイヤーフレーム設計、
    デザインカンプに落とし込んでからの調整まで
    デザイナーが何を考え、どのような意図をもって
    完成形に仕上げているのかを紹介しています。

    また、よりよいWebサイトに仕上げるために確認しておきたい
    チェックポイントも紹介しています。
  • ロゴデザインの教科書
    • 植田 阿希
    • SBクリエイティブ
    • ¥2640
    • 2020年07月27日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 4.0(4)
  • デザイン・ブランディング・商品開発…
    ロゴデザインに関わるすべての人に役立つ!

    「平凡なロゴ」を「印象に残るロゴ」に変える
    知識とヒントがまるごとわかる!

    【Special Interview】佐藤可士和氏 ロゴは伝えたい想いを凝縮させたコミュニケーションツール

    ロゴ制作の基本から、展開の仕方まで、ずっと役立つ知識が詰まっている!

    ●本書の対象読者
    ・これからロゴデザインを学びたい人
    ・ロゴデザインの制作に自信が持てない人
    ・クライアントと打ち合わせをする際に方向性となる見本が欲しい人

    優れたロゴが550点超!
    CONTENTS

    INTERVIEW WITH KASHIWA SATO
    佐藤可士和氏インタビュー
    ロゴは伝えたい想いを凝縮させたコミュニケーションツール

    PART 1 ロゴデザインの基本
    01 ロゴとは何か?
    02 制作フローチャート
    03 ロゴデザインの制作の流れ
    04 フォントとタイポグラフィ
    05 ロゴの分布図とイメージの傾向
    COLUMN ブランディングにおけるロゴの役割とは?

    PART 2 躍動感があり元気が出るロゴ
    01 ダイナミックなロゴ
    02 スピード感のあるロゴ
    03 ポップで元気なロゴ
    04 わくわくさせるロゴ
    05 楽しさが 伝わるロゴ
    06 シンプルでカッコいいロゴ
    COLUMN ロゴの歴史

    PART 3 高級感、上質感があるロゴ
    01 高級感のあるロゴ
    02 クラシックや伝統を感じるロゴ
    03 エレガントなロゴ
    04 透明感のあるロゴ
    05 和モダンなロゴ
    06 シンプルで美しいロゴ
    COLUMN ロゴにおけるタイポグラフィの役割とは?

    PART 4 親しみやすさ、かわいらしさがあるロゴ
    01 優しいロゴ
    02 親しみのあるロゴ
    03 かわいいロゴ
    04 ナチュラルなロゴ
    05 イラストにしたロゴ
    06 すっきりしたロゴ
    COLUMN ロゴと配色とは?

    PART 5 信頼感、安定感のあるロゴ
    01 信頼感のあるロゴ
    02 安定感のあるロゴ
    03 シンプルで飽きがこないロゴ
    COLUMN ロゴの展開やバリエーションをつくる意味とは?

    PART 6 文字からつくるロゴ
    01 文字からつくるロゴ
    02 文字をアレンジしてつくるロゴ
    03 1文字でダイナミックにつくるロゴ
    04 筆文字、筆記体のロゴ
    05 名前や文章のようなロゴ

    Logo Index ロゴ索引
    Designer Index デザイナー別索引
  • 動機のデザイン
    • 由井真波
    • ビー・エヌ・エヌ
    • ¥2640
    • 2022年06月15日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 4.4(5)
  • 現場の当事者が主体者に変わるためのプロセスモデルを全解説

    変化の激しい時代において「デザイン」は、専門家だけで進めるものではなくなってきています。著者は、長年にわたりデザイナーとして参画した地場産業や地域振興など「小さな現場」の仕事で、より本質的で力強い成果につなげようと模索する中から、このことを実感してきました。

    「小さな現場」でデザインが求められるのは、変化が求められるときです。それには従来の、専門家による「カタチのデザイン」と、カタチの軸となる「価値のデザイン」だけでは不十分だと著者は考えました。個人事業主や地域コミュニティのメンバーなど、すべての現場の担い手がデザインを専門家任せにせず、共に参加し「自分ごと」にできれば、状況は大きく変わるのではないでしょうか。現場の当事者がデザインの「主体者」となることでデザインが活き、現場が活き、その総体として企業や地域に持続的な活気が生まれます。

    本書は、すべての「小さな現場」に向けて、当事者の内にある「動機」を引き出す「動機のデザイン」について、ステップごとに詳しく紹介し、それぞれの現場で活かしてもらうことを目指します。
    はじめに

    第1章 なぜ「動機のデザイン」なのか
    小さな現場での仕事から/「専門家としてのデザイナー」の功罪/デザインの現場は、共創の中にある/人の動き方が変わると、状況が変わる

    エピソード01 観光・まちづくりの取り組み

    第2章 3つめのデザイン「動機」 -カタチと価値を支えるデザイン
    デザイン全体の見取リ図 -デザインの本当の力を活用してもらうために/デザインという取リ組みの全体像 -3つのデザイン/「動機のデザイン」とは?

    エピソード02 地域密着型の書店としての魅力づくり

    第3章 5ステップで進める動機のデザイン -実践のポイント
    プロセスから見る動機のデザイン/ステップ1 内外を観察する/ステップ2 現場を共有し、課題を設定する/ステップ3 仮説を立てる/ステップ4 自作して試してみる/ステップ5 結果を点検し、次へつなげる/1周を完走した当事者が、「主体者」となって次のサイクルへ踏み出す

    実践事例 老舗和菓子店の取り組み

    第4章 動機のデザインのリアリティ -動き続ける現場から
    実際はささやかなことの積み重ね/現実の仕事の中で進める難しさ/実践の場でのデザイナーの役割/進めていく中で気にかけていること/そして変化を起こせるように

    第5章 「動機のデザイン」の先にあるもの -デザインプロセスに表れる志向性
    「動機のデザイン」のわかりづらさ/「動機のデザイン」を言葉にして/「動機のデザイン」は工学ではない/専門デザイナーと「実質デザイナー」/当事者の動きを誘発するデザイン/主体者が増えれば、クリエイティブ総量が増える/動機のデザインと学びの場

    あとがき
  • 縁の下のUIデザイン──小さな工夫で大きな効果をもたらす実践TIPS&テクニック
    • 池田 拓司
    • 技術評論社
    • ¥3278
    • 2023年04月21日
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 4.0(3)
  • UIデザインの中でも普段はあまり注目されることのない細かい部分にフォーカスした書籍です。デザイナーがどのような意図を持ってUIをデザインしているのかを解説します。身近なサービスを例として取り上げているので、実感を持って理解できます。筆者のデザイナーとしてのノウハウがふんだんに織り込まれているので、WebサービスのUIデザインをもっと良くするためのヒントになるはずです。
  • 秒で伝わるパワポ術 仕事でもSNSでも〈いいね〉がもらえるスライド作成のコツ
    • 豊間根 青地
    • KADOKAWA
    • ¥1760
    • 2021年09月29日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 4.46(26)
  • パワポ芸人・トヨマネ(@toyomane)として、
    趣味のPowerPoint(パワポ)で作成したスライドがTwitterで大きな反響を呼び、
    1年間で5万人以上のフォロワーを集めている著者が、
    「見た人が納得して、行動を起こしてくれるスライド資料」を作る方法を公開!

    頭の中をビジュアル化して、相手に行動を起こしてもらうための武器となるパワポですが、
    著者がこのパワポ一本でバズりまくり、多くの「いいね」を獲得できる秘密は、
    「秒で伝わるわかりやすさ」にあります。

    でも、実際にスライドを作っていると、うまくいかないことってありますよね。
     ・文字がいっぱいに… / ・なんかカッコ悪い…
     ・ゴチャゴチャする… / ・作るのに時間がかかる…
     ・ぜんぜん伝わらない… / ・プレゼンが弱い…
    心配ありません。パワポのこんなお悩みも、本書でぜんぶまとめて解決します。

    本書では、昔話を題材にした面白いスライドを楽しく眺めているうちに、
    いつの間にか、シンプルで、わかりやすいスライドを作るコツが身に付くのです。

    第1章 なぜスライドを作るのか
    第2章 メッセージを作る
    第3章 デザインに落とす
    第4章 プレゼンする
    第5章 サボる
    第6章 ケーススタディ

    便利なテンプレートのダウンロードURL付!!
     
     
     
    (目次)
    第1章 なぜスライドを作るのか
    第2章 メッセージを作る
    第3章 デザインに落とす
    第4章 プレゼンする
    第5章 サボる
    第6章 ケーススタディ
  • 伝わるデザインの基本 増補改訂3版 よい資料を作るためのレイアウトのルール
    • 高橋 佑磨/片山 なつ
    • 技術評論社
    • ¥2178
    • 2021年04月16日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 4.64(28)
  • 自分で作るスライドやチラシ・企画書などが、なんだか見映えがいまいちで、効果が上がらない、きちんと言いたいことが伝わっていないとお悩みの方は多いようです。その原因は、デザインのセンスがないことではなく、デザインの基本ルールを知らないことなのです。
    本書で詳しく解説する基本ルールをマスターすれば、Word やPowerPoint であっても、読みやすく伝わりやすい、そして見違えるほどかっこいい資料が作れるようになります。
    初版と増補改訂版で合計15万部突破の本書が、さらにパワーアップ。ユニバーサルデザインに配慮したデザインルールも身に付けて、みんなに伝わる資料作りを目指しましょう。

    ■読者の方の声
    ・Before & After形式でわかりやすい
    ・「資料が伝わりにくい理由」と「どうすればいいか」がよくわかる
    ・図書館で借りたけど、手元に置きたくなって購入した
    ・もっと早く知りたかった
    ・すべての社会人や学生におすすめ
  • 戦略デザイナーが伝えたい、システムのデザイン
    • 山田和雅
    • クロスメディア・パブリッシング
    • ¥2750
    • 2025年12月12日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 0.0(0)
  • 答えのない時代に、あなたは何を拠り所にビジネスをしているだろうか。システムが壊れ、常識が通用しない今こそ、「全体を見て動かす力」が問われている。本書は、元商社マンで米IITデザインスクール出身の著者が提唱する“システムのデザイン”という新しい経営思考。部分最適を超え、ビジネス・社会・組織を「構造」から再設計する。戦略思考とデザイン思考をつなぐ、次世代リーダー必読の一冊。
  • コミュニティデザイン
    • 山崎 亮
    • 学芸出版社
    • ¥1980
    • 2011年05月
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 4.13(190)
  • 山崎亮 初の単著 デビュー作にして定本

    新しくモノを作るよりも「使われ方」を考えること。
    全国で使い手のつながり、コミュニテイのデザインを切り拓いた著者の全仕事。

    当初は公園など公共空間のデザインに関わっていた著者が、新しくモノを作るよりも「使われ方」を考えることの大切さに気づき、使う人達のつながり=コミュニティのデザインを切り拓き始めた。
    公園で、デパートで、離島地域で、全国を駆け巡り社会の課題を解決する、しくみづくりの達人が、その仕事の全貌を初めて書き下ろす。

    [目次]

    Part1
    「つくらない」デザインとの出会い</b>
    1 公園を「つくらない」  有馬富士公園(兵庫 1999-2007)
    2 ひとりでデザインしない  あそびの王国(兵庫 2001-2004)
    3 つくるしくみをつくる  ユニセフパークプロジェクト(兵庫 2001-2007)

    Part2
    つくるのをやめると、人が見えてきた</b>
    1 まちににじみ出る都市生活  堺市環濠地区でのフィールドワーク(大阪 2001-2004)
    2 まちは使われている  ランドスケープエクスプローラー(大阪 2003-2006)
    3 プログラムから風景をデザインする  千里リハビリテーション病院(大阪 2006-2007)

    Part3
    コミュニティデザインー人と人をつなげる仕事</b>
    1 ひとりから始まるまちづくり いえしまプロジェクト(兵庫 2002-)
    2 1人でできること、10人でできること、100人でできること、1000人でできること 海士町総合振興計画(島根 2007-)
    3 こどもが大人の本気を引き出す  笠岡諸島子ども総合振興計画(岡山 2009-)

    Part4
    まだまだ状況は好転させられる</b>
    1 ダム建設とコミュニティデザイン  余野川ダムプロジェクト(大阪 2007-2009)
    2 高層マンション建設とコミュニティデザイン マンション建設プロジェクト(2010)

    Part5
    モノやお金に価値を見出せない時代に何を求めるのか</b>
    1 使う人自身がつくる公園  泉佐野丘陵緑地(大阪 2007-)
    2 まちにとってなくてはならないデパート マルヤガーデンズ(鹿児島 2010-)
    3 新しい祭  水都大阪2009と土祭(大阪・栃木 2009)

    Part6
    ソーシャルデザインーコミュニティの力が課題を解決する</b>
    1 森林問題に取り組むデザイン  穂積製材所プロジェクト(三重 2007-)
    2 社会の課題に取り組むデザイン  +designプロジェクト(2008-)
  • ブランディングデザインの教科書
    • 西澤明洋
    • パイ インターナショナル
    • ¥1870
    • 2020年12月11日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 3.84(20)
  • 企業経営に役立つ「ブランディング」と「デザイン」がこの1冊で一気にわかる!

    ブランディング成功の秘訣とは──。
    これからブランディングをはじめたい経営者やプランナー、ブランド全体をデザインしてみたいというデザイナーや学生の方に向け、100以上のブランド開発実績を持つブランディングデザイナー西澤明洋が「ブランディング」と「デザイン」の方法を徹底解説。

    ブランディングにおいて重要視すべきは、マネジメント(経営戦略)からコンテンツ(商品や店舗、サービスなど)、コミュニケーション(WEBサイトやパンフレット、広告など)までが一気通貫しデザインされていること。

    本書ではブランディングを経営戦略から考えるための思考フレーム「ブランディングデザインの3階層®」や、ブランディングプロジェクトの進め方「フォーカスRPCD®」など独自のブランド開発手法を実践例と共に完全公開。

    "良い"だけでは売れない時代の企業経営に役立つ「ブランディングデザイン」について、デザインを使う側とする側、双方の視点を身につけ、ビジネスや経営に効くブランディングデザインの基礎知識が学べます。
  • 一生使える見やすい資料のデザイン入門
    • 森重湧太
    • インプレス
    • ¥1980
    • 2016年01月
    • 送料無料(コンビニ送料含む)
    • 4.18(76)
  • 誰でも今スグ実践できる、「ほんのひと手間」で資料が変身!スライド共有サービス「SlideShare」の人気スライド「見やすいプレゼン資料の作り方」待望の書籍化!
  • デザインノート No.90
    • デザインノート編集部
    • 誠文堂新光社
    • ¥1760
    • 2020年03月26日
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 0.0(0)
  • 特集:今さらけない デザインの基本2020

    デザインには、知っておきたい基礎的な知識とルールがある。
    本特集では、デザインの基本の流れから文字や文字組、プラスαのテクニックまでを段階を追って5章に分けて解説していく。
    また、プロの立場から日本デザインセンターの色部義昭氏、書体設計士の鳥海修氏に手掛けられた仕事を実例に、デザインのノウハウを教えていただいた。
    そこには、デザインに必要な要素が集約されている。
    これらの要素は、デザインを学ぶ上で大きな道しるべとなるだろう。

    ■目次抜粋
    特集:今さらけない デザインの基本2020

    ◇SPECIAL INTERVIEW 01
    ブランドとユーザーの接点を設計し、より良い関係性を構築する
    色部義昭

    基本のルールをしっかりと理解すれば、もっと早くもっと正しく伝えることが可能になる。
    [Chap 01]デザインのキホン
    01 情報を整理する/02 基本的なデザインの作業工程/03 レイアウト前に知っておきたいこと

    グラフィックデザインでは文字の要素が重要な意味を持つ。
    [Chap 02]文字のキホンと文字のデザイン
    01 書体選びのポイント/02 書体のキホン/03 文字組のキホン/04 文字のデザイン

    ◇SPECIAL INTERVIEW 02
    タイポグラフィはグラフィックデザインの原点。
    まずは書体の“物語”を感じてほしい。
    鳥海 修

    必要なデザインツールの依頼を想定して、制作の過程をシミュレーション。
    [Chap 03]実践編
    01 打ち合わせ/02 制作スケジュールを設定/03 ロゴ提案/04 ロゴのイメージカラーを決定/05 カラーコンビネーション/06 ビジュアル撮影/07 ツールの制作

    レイアウトを構成する前に、基準になる考え方。
    [Chap 04]レイアウトの基本テクニック
    01 マスターしたいテクニック/02 バリエーションの検討/03 俯瞰して客観的に考える
    【column】フォトグラファーとの仕事

    ●連載:佐藤可士和の視点とデザイン
    他者を慮る力から生まれる、強く、しなやかな創造性
    小山薫堂(放送作家・脚本家)× 佐藤可士和

    写真の持つ魅力を最大編に引き出す、効果的な手法を説明する。
    [Chap 05]写真を使った デザイン
    01 写真の役割/02 キリヌキとトリミング/03 裁ち落としと角版/04 写真と文字

    ●Creator’s Value Special Edition
    Photographer & Retoucher
    クリエイターズ・バリュー特別企画に結集した35名のフォトグラファー&レタッチャーのワークスを紹介

    ほか

    ****************************************
  • だけじゃない ケイセン デザイン
    • 河合俊輔(ヴイタロウ)
    • SBクリエイティブ
    • ¥2200
    • 2026年03月06日頃
    • 予約受付中
    • 送料無料(コンビニ送料含む)
    • 0.0(0)
  • デザインのスタメン・線を制すーー!!

    日々目にする広告、雑誌、Webサイトやパッケージ。
    それらをよく見ると、ほとんどのデザインに「線」が使われていることに気がつきます。

    つまりケイセンは、デザインのスタメンなのです。

    そんなデザインのスタメンたる「線」を、レイアウトに効果的に取り入れるためのデザイン術を1冊にまとめました。
    「区切る」「整理する」を超えた、“だけじゃない”ケイセンの活用法を47テクニックに分けてご紹介します!

    ケイセン1本でもっと繊細に 2本でもっとアーティスティックに 10本でもっと革新的に。
    ケイセンで、あなたのデザインをぐっと魅力的にしてみてください!
    Chapter 1 情報を区切る
    01 1本の罫線で区切る
    02 横に区切る
    03 縦に区切る
    04 十字に区切る
    05 ひし形に区切る
    06 ランダムに区切る
    07 囲って区切る
    08 極太で区切る

    Chapter 2 情報の整理
    09 基準線
    10 囲って揃える
    11 色罫線でグループ化
    12 背景でグループ化
    13 間をつなぐ帯罫線
    14 格子状に揃える

    Chapter 3 視線誘導
    15 リード罫
    16 コネクトライン
    17 プルライン
    18 アロー
    19 ステップ
    20 スピード
    21 リズム

    Chapter 4 文字の強調
    22 強調リード罫
    23 袋文字
    24 ストレッチ
    25 パーツ罫
    26 カット
    27 リンク
    28 罫線で文字を作る
    29 ゴースト罫

    Chapter 5 背景
    30 グリッドを活かす
    31 フレーム
    32 ストライプ
    33 ボーダー
    34 強い線×弱い線
    35 印象づける線
    36 雨罫線
    37 罫線から飛び出す
    38 カット&ブラー
    39 カット&エレメント

    Chapter 6 ワンポイント
    40 見出し装飾
    41 モチーフ
    42 フォーカス
    43 ライト(光線)
    44 ウィンドウ
    45 ストーリー
    46 ロゴ:罫線でモチーフを表現
    47 ロゴ:罫線をシンボルマークに
  • デザインからサイト構築まで FigmaだけでWeb制作
    • 濱野 将/馬場 快人/すがはら りさ/庄司 美雪/小泉 誠/株式会社IMAKE
    • 日経BP
    • ¥2860
    • 2025年11月21日頃
    • 在庫あり
    • 送料無料(コンビニ送料含む)
    • 0.0(0)
  • ●Webデザイナーの必須ツール「Figma」解説書の決定版!
    ●デザイン初学者はもちろん、デザイナー以外でも理解できる!
    ●最新機能「Figma Sites」の実践活用までカバー!

     Figma(フィグマ)は近年、多くのデザイナーや企業に選ばれているデザインツールです。Webサイトやアプリのデザインを効率良く制作できるだけでなく、検討や改善、プレゼンなどを含む一連の作業を効果的に進めることができます。クラウドベースなので共同作業にも向いていて、Webデザインなどにおける必須のツールになりつつあります。

     さらに2025年には、デザインしたWebサイトをそのまま公開する新機能「Figma Sites」を搭載し、HTMLなどのコーディングの知識がなくても、Webサイトを制作・公開できるようになりました。

     本書は、そんなFigmaの基本的な操作方法はもちろん、Figma Sitesなどの最新機能の活用法や、「使いやすく訴求力のあるデザイン」に必要なUI/UXの考え方まで、これからのFigma 活用を体系的に学べる1冊です。

     執筆は、現役のデザイン講師として活躍する著者陣。現場で培った実践的な知識をもとに、初心者にも理解しやすく体系的に解説しています。
    Chapter 1 Figmaについて
    01 Figma とは
    02 使う準備をしよう
    03 Figma の構造
    04 各部の名称と説明
    05 デザインに着手する前に

    Chapter 2 Webサイトを作りながら基本ツールを覚えよう
    01 デザインを始める前の下準備
    02 TOP ページのフレーム作成
    03 ボタンの制作
    04 ヘッダーの作成
    05 ファーストビューの作成
    06 NEWS セクションの作成
    07 ABOUT セクションの作成
    08 応用演習:残りのセクションとパーツ
    09 完成まとめ
    10 SPデザインの制作
    11 レスポンシブについて

    Chapter 3 プロトタイプを設定してみよう
    01 プロトタイプとは
    02 ページ遷移を再現する
    03 ヘッダーを固定してみよう
    04 アニメーションの種類
    05 ホバーアニメーションをバリアントを使い再現する
    06 プロトタイプを共有する
    07 Figma でのさまざまなコミュニケーション方法

    Chapter 4 Figma Sitesで制作から公開設定まで
    01 Figma Sitesとは?
    02 Webサイトの制作
    03 Webサイトのデザイン
    04 Webサイトのレスポンシブ対応
    05 アクセシビリティの向上
    06 Figma Sitesで作成する際のポイントや便利な機能
    07 Webサイトを公開する
    08 まとめ

    Chapter 5 UI/UXについて考えてみよう
    01 UI/UXとは?
    02 UI/UXを考えるときに見るべきポイント
    03 UI/UX視点からデザインの改善をしてみよう
    04 作って終わりではなく「使われるか」を見る
    05 UI/UX設計で活用できるプラグインの紹介

案内