デザインに関する基本的な考え方
デザインをご依頼する上で、吉門の基本的な考え方をここに示します。
こちらも見ても解決されない場合は、お気軽にご相談ください😊
Web制作に使用するツール
デザインに使用してほしいツール
こちらから指定することはありませんので、使いやすいツールをご使用ください。
Web上で共有できるデータの方が助かります。
- Illustrator
- Photoshop
- figma
etc…
デザイン作成前
作成内容の決定
事前に取り決めをしてから、作業を開始していただきます。
また、次のことを事前に決めます。
- 依頼にかかる請求金額（見積書）
- 期限
- 納品していただくデータ
クライアントとの打ち合わせ
クライアントとの打ち合わせにも参加していただきます。
デザイン面については一任しますので、必要な情報はクライアントへご確認ください。
直接DMなどのやり取りも可能ですが、できるだけスムーズで完結なやり取りをお願いいたします。
議事録なども含めて、スプレッドシートを使うことが多いです。
作業開始
打ち合わせ後、作業に取り掛かっていただくようお願いいたします。
納期なども合わせてご提示いただけると助かります。
デザインについて
使用できるフォント
以下のいずれかをご指定ください。
リンク先には、実際に適用されるCSSコードも明記されています。
- 游ゴシック体
- ヒラギノゴシック > メイリオ
- Noto Sans JP
- 明朝体（Noto Serif JP）
使いやすいアイコン
下記のアイコンだけしか使えないわけではありません。
こちらのアイコンであれば制限がほとんどないため、使用を推奨しております。
使いやすい囲み枠（ボーダー）
これはサンプルテキストです。（ボーダー01）
これはサンプルテキストです。（ボーダー02）
これはサンプルテキストです。（ボーダー03）
これはサンプルテキストです。（ボーダー04）
これはサンプルテキストです。（ボーダー05）
これはサンプルテキストです。（ボーダー06）
これはサンプルテキストです。（ボーダー07）
これはサンプルテキストです。（ボーダー08）
これはサンプルテキストです。（ボーダー09）
これはサンプルテキストです。（ボーダー10）
これはサンプルテキストです。（ボーダー11）
これはサンプルテキストです。（ボーダー12）
これはサンプルテキストです。（ボーダー13）
これはサンプルテキストです。（ボーダー14）
これはサンプルテキストです。（ボーダー15）
これはサンプルテキストです。（ボーダー16）
これはサンプルテキストです。（ボーダー23）
これはサンプルテキストです。（ボーダー24）
これはサンプルテキストです。（ボーダー25）
これはサンプルテキストです。（ボーダー26）
これはサンプルテキストです。（ボーダー27）
これはサンプルテキストです。（ボーダー28）
使いやすいアコーディオン
質問や回答の数は調整できます。
デフォルト
これはサンプルテキストです。（質問）
これはサンプルテキストです。（回答）
シンプル
これはサンプルテキストです。（質問）
これはサンプルテキストです。（回答）
囲い枠
これはサンプルテキストです。（質問）
これはサンプルテキストです。（回答）
メインカラー
これはサンプルテキストです。（質問）
これはサンプルテキストです。（回答）
使いやすいキャプションボックス
デフォルト
これはサンプルテキストです。
小
これはサンプルテキストです。
枠上
これはサンプルテキストです。
枠上2
これはサンプルテキストです。
枠内
これはサンプルテキストです。
浮き出し
これはサンプルテキストです。
内テキスト
これはサンプルテキストです。
使いやすいボタン（種類）
ノーマル
立体
キラッと
アウトライン
MOREボタン
使いやすいボタン（大きさ）
使いやすい説明リスト
タイトルや回答の数は調整できます。
デフォルト
- これはサンプルテキストです。（タイトル1）
-
これはサンプルテキストです。（回答1）
- これはサンプルテキストです。（タイトル2）
-
これはサンプルテキストです。（回答2）
左に線
- これはサンプルテキストです。（タイトル1）
-
これはサンプルテキストです。（回答1）
- これはサンプルテキストです。（タイトル2）
-
これはサンプルテキストです。（回答2）
横並び
- これはサンプルテキストです。（タイトル1）
-
これはサンプルテキストです。（回答1）
- これはサンプルテキストです。（タイトル2）
-
これはサンプルテキストです。（回答2）
縦並び表
- これはサンプルテキストです。（タイトル1）
-
これはサンプルテキストです。（回答1）
- これはサンプルテキストです。（タイトル2）
-
これはサンプルテキストです。（回答2）
使いやすいFAQ
Q や A の数は調整できます。
シンプル
- これはサンプルテキストです。（タイトル1）
-
これはサンプルテキストです。（回答1）
- これはサンプルテキストです。（タイトル2）
-
これはサンプルテキストです。（回答2）
線あり
- これはサンプルテキストです。（タイトル1）
-
これはサンプルテキストです。（回答1）
- これはサンプルテキストです。（タイトル2）
-
これはサンプルテキストです。（回答2）
ボックス
- これはサンプルテキストです。（タイトル1）
-
これはサンプルテキストです。（回答1）
- これはサンプルテキストです。（タイトル2）
-
これはサンプルテキストです。（回答2）
ストライプ
- これはサンプルテキストです。（タイトル1）
-
これはサンプルテキストです。（回答1）
- これはサンプルテキストです。（タイトル2）
-
これはサンプルテキストです。（回答2）
コメント