2025年4月30日

-本日のアジェンダ- 1限目学科 ユーザーインターフェイス基礎④作品の制作について 2限目学科 ユーザーインターフェイス基礎④作品の立案 3限目学科 ユーザーインターフェイス基礎④作品の立案 4限目学科 ユーザーインターフェイス基礎④作品の立案 5限目学科 ユーザーインターフェイス基礎④作品の立案 本日のテーマ 納品する作品の準備です。 【資料】 カリキュラム資料 ダウンロード用サイトhttps://cu-doc.deau-ac.com/ 下記のファイルをダウンロードしましょう。「デザインの考え方」の教科書②.pdf 【動画】「デザインの考え方」の教科書② 「名刺」制作に向けてhttps://youtu.be/naMcDgYZVWU（11:43） 「名刺」制作のポイント・「レイアウト・文字・配色デザイン」https://youtu.be/KW2DQ0z_mRo（11:38） 可読性・視認性・判読性https://youtu.be/tCHDHmFeh9w（7:10） 名刺作成 「名刺」は、名前や住所、連絡先などを印刷したクレジットカードほどの大きさの紙(主に91×55mm)です。名刺の主な役割は「自己紹介ツール」であり、 初対面の相手に自分の名前や連絡先、所属などのプロフィール情報を伝えます。名刺デザインは、「レイアウトデザイン」「文字デザイン」「配色デザイン」の全てを意識し て制作しましょう。まずは、「レイアウト」91x55mmの中で、面積比率を意識しながら、見せたい順番を 作ってレイアウトしましょう。 名刺作成の参考サイト フォントの選び方のコツ｜ゴシック体と明朝体で読みやすさや … 縦書き名刺はシンプルデザインで作る! 【縦型・縦書き デザイン6選】 名刺デザインテンプレートが2317種類！ デザイン名刺.net 今後の日程 3月10日（月）名刺制作 本日の基本操作 トリムマーク パスのオフセット 配置 Adobe Fonts（Typekit) トリムマーク トリムマーク（トンボ）とは トリムマークとは、印刷時や、断裁位置を明確にするために必要不可欠な「しるし」のことです。 … 内トンボは仕上がり線を示しており、内トンボから外トンボの間は裁ち落としのための”塗り足し”部分を示しています。 参考サイト Illustrator CS5・CS6・CCでトンボ（トリムマーク）を作成する方法 Illustrator初期設定(サイズとトリムマーク”トンボ”設定方法)｜Illustrator入稿 … Illustratorのトンボ（トリムマーク）の設定 パスのオフセット 「オフセット」という言葉にあまり馴染みはないでしょう。しかし、この機能を覚えておくと、イラレの使い方の幅が広がる可能性があります。 参考サイト イラストレーターのパスのオフセットの使い方 Illustratorでパスのオフセットを上手に使う illustrator「パスのオフセット」と「角の比率」の使い方 配置 Illustratorの画像配置 リンク画像と埋め込み画像の違いと正しい使い方. Illustratorに画像を配置する場合、「リンク配置」と「埋め込み」配置の、二つの方法があります。 参考サイト 画像(埋め込み画像とリンク画像)の配置方法 配置画像（リンク画像）設定：Illustrator ベテランほど知らずに損してるIllustratorの新常識（7）埋め込み？リンク？ビットマップ画像の配置と、配置した画像の二次利用 Adobe Fonts （Typekit ） Adobe Creative Cloudユーザーが利用できるサービスの一つです。Webフォントとしてはもちろん、PC上のデスクトップフォントとしても使用可能です。（Photoshopやllustratorはもちろん、Microsoft OfficeなどAdobe以外のソフトにも対応しています。） 参考サイト Adobeフォントライブラリ「Typekit」を使用してみる [Creative Cloud 入門] Adobe Fonts の使い方 Tシャツのデザインにおすすめ 日本語フォント6種 – 明朝体編 | Tplantブログ 名刺制作で使える基本操作 線パネル アピアランスパネル スタイライズ クリッピングマスク アウトライン アピアランスの分割 文字デザインのポイントとして 文字や文章の｢読みやすさ｣は、可読性、視認性、判読性という３つの要素から成ります。「可読性」とは文章が読みやすいか、「視認性」とはパッと見た瞬間の認識しやすさ、「判読性」とは誤読がないか、という指標です。書体（≒フォント）の種類や文字のサイズを変えたり、行間や字間を調節することで、これらの要素を高めることができます。ただし、どの要素を優先させるかは資料の目的や状況によって変わります。プレゼンのPowerPointsスライドなどでは視認性と判読性を、申請書などのWord文書などでは可読性を重視します。 参考サイト 読みやすく – 伝わるデザイン 文字の視認性・可読性を高めるデザインの作り方 美しい文字組みデザインを作る。ストレスなく読ませる方法 レイアウトデザインのポイントとして(復習) 作成した作品を改めてみた時、「 配置した内容のグループ化 」「縦横の整列」「表現のルール化」「表現の差別化」「余白」を改めて見てみましょう。 見やすいレイアウト、わかりやすいレイアウトを作るときの重要なポイントは、ただ闇雲に文字や絵を配置するのではなく、発表者の頭の中にある「ロジック」や「事柄と事柄の関係性」に即して文字や絵を配置することです。関係性の強いもの同士は、近くに配置したり、同じ色を使ったり、線で結んだり、大切な事項を目立つ色にしたり、目立つ場所においたり、という簡単なことです。「理論やストーリーをレイアウトする」ことが大切であるということを忘れないでください。 参考サイト レイアウト – 伝わるデザイン レイアウトに関する5つのデザインのルール | creive【クリーブ】 伝わる！デザインのセオリー レイアウトの基本編

学科 ユーザーインターフェイス基礎④【オンライン】

学科ユーザーインターフェイス基礎④【オンライン】