portfolio 【架空案件】ロゴデザイン｜ピラティススタジオ
概要架空のピラティススタジオを想定し、ブランドイメージ向上を目的に自主制作しました。コンセプト・デザイン意図ドットは姿勢よく立つ人とピラティスのポーズを象徴黒一色でシンプルに、凛とした印象に使用ツールIllustratorPhotoshop...
portfolio 
portfolio 【架空案件】ピラティススタジオLP
架空案件として制作したピラティススタジオのLP。PC・タブレット・スマホに対応したレスポンシブデザインで、Photoshop・Illustrator・VS Codeを使用。CTAボタンやお客様の声も実装し、ユーザー目線を意識した設計です。
WEB design 画像のリンク配置（Illustrator）
Illustratorで作成したドキュメントに写真画像を配置できる。画像をリンクで配置別のアプリケーション（Photoshopなど）で作成した画像データの情報を、Illustrator上では保持せずに配置する方法メニューバー）ファイル＞配置...
WEB design 【ポストカード】ガイドの作り方（Illustrator）
新規ドキュメントを作成するex.)A4サイズ（210×297ミリ/CMYK）ツールで100mm×148mmの四角を描く。塗り ＝ex.)黄色線 ＝無し ※ 必ず！オブジェクト＞トリムマークの作成2. で作ったオブジェクトを（必ず）選択した...
WEB design 名刺（Illustrator）
名刺の主な役割は「自己紹介」ツール。初対面の相手に自分のプロフィール情報を伝えるもの。名前所属連絡先 など名刺は× 配るもの○ 覚えてもらうもの作り方のコツはじめは癖のないフォントと黒一色で考えてみるはじめに）ガイドを作成するまずはガイドを...
WEB design 【名刺】ガイドの作り方（Illustrator）
名刺用のガイドを作る新規ドキュメントを作成するex.) A4サイズ（ 210 × 297 ミリ/ CMYK ）ツールで 55mm ×91mm の四角を描く塗り＝例）黒線 ＝ なし ※ 必ず！オブジェクト＞トリムマークの作成※ 2. で作った...
WEB design 【アクセスマップ】道路の作り方（Illustrator）
アウトラインとアピアランスパネルを使って、黒い縁取りのある道路を作ってみよう。ツールで線を二つ描く。ツールで、オブジェクトを選択する。メニューバー）効果＞パス＞パスのアウトラインレイヤーの「ターゲットコラム（レイヤー横の◎）」をクリックする...
WEB design レイアウトの５つ基本原則
情報を整理して、情報の構造や情報同士の関係を明確にすること。盛り込みたい要素（情報）各要素の従属関係（親・子にあたる関係）並列関係（対等な関係）優先度因果関係 など1. 近接（Proximity）関連づける要素を近づけてグループ化することで...
WEB design クリッピングマスク（Illustrator）
複数のオブジェクトにクリッピングマスクする地図などの複数のオブジェクトで構成されているものにクリッピングマスクを適用させる。オブジェクトの1番上にマスクをするためのオブジェクトを描く1. で作成したオブジェクトとマスクしたいオブジェクトを一...
WEB design アピアランスパネル（Illustrator）
アピアランス（appearance）とは（オブジェクトの）見た目のこと。パネルでオブジェクトを構成する項目（塗り・線・効果など）を確認できる。オブジェクトに効果を適用すると、パネルに設定が残る。メニューバー）ウィンドウ＞アピアランス表示/非...