【Day9】素人でもプロ並みのデザインを作る

Get Started. It's Free
or sign up with your email address
【Day9】素人でもプロ並みのデザインを作る by Mind Map: 【Day9】素人でもプロ並みのデザインを作る

1. 補足

1.1. BASE時短術

1.1.1. 商品テンプレートの作成

1.2. 特商法匿名化

1.2.1. 2022/2月から

1.2.2. https://baseu.jp/24108

1.3. 050オススメ

1.3.1. 月額無料

1.3.1.1. SMAR Talk

1.3.1.1.1. 携帯も固定も16円/分

1.3.1.1.2. 初期費用もゼロ

1.3.1.2. My050

1.3.1.2.1. 携帯へ

1.3.1.2.2. 固定へ

1.3.1.2.3. 1年間使わないと自動解約

1.3.1.2.4. 最初に500円チャージしないと使えない

2. 目的

2.1. ショップの顔となるTOP画像やバナー画像を作成する

2.1.1. 例

2.1.1.1. https://sharesl.net/base/miim/demo/

2.1.1.2. テンプレートは出来上がったプラモデルの様な物

2.1.1.2.1. 色は自分で決めないといけない

3. 素人でも大丈夫

3.1. 組み立てるだけでプロ並みのデザインを構築する事が可能

3.2. 構図はプロの物をモデリングする

4. プロ並みのデザインを作るための3STEP

4.1. STEP①

4.1.1. 参考サイトを集める

4.1.1.1. ショップデザイン

4.1.1.1.1. BASEショップ事例集

4.1.1.1.2. カラーミーショップ事例集

4.1.1.1.3. SANKOU

4.1.1.2. Google

4.1.1.2.1. サイトデザイン例

4.1.1.2.2. ネットショップデザイン

4.1.1.3. オススメしないデザイン

4.1.1.3.1. 商品がたくさん並んでいるデザイン

4.1.1.3.2. 商品ではなくTOP画やバナーメイン

4.2. STEP②

4.3. STEP③

4.3.1. 素人がプロ並みのデザインを作る方法

4.3.1.1. 無料でこんな事が可能

4.3.1.1.1. 最高のフリー素材サイト

4.3.1.1.2. いっぱつでできる背景透過

4.3.1.1.3. 最強のデザインサイト

4.3.1.2. 作成パターン

4.3.1.2.1. ①

4.3.1.2.2. ②

4.3.1.2.3. ③

4.3.1.3. TOPに並べる商品画像は一押しや一番売りたい商品の画像を使う

5. テーマカラーとデフォルトフォントを決める

5.1. あなたが考えたコンセプトに合う色

5.1.1. テーマカラーは基本3色まで

5.1.2. カラーコディネートは難しいので参考サイトからアイデアを貰う

5.1.2.1. 40通りの3色配色パターン

5.1.2.1.1. https://color-ma.com/three-colors-scheme-pattern/#a1

5.1.2.2. 他、「3色配色と検索」

5.1.3. 決めたらカラーコードをメモしておく

5.1.4. 【おまけ】この色は何色?

5.1.4.1. Win

5.1.4.1.1. ペイントの色の選択

5.1.4.1.2. 他

5.1.4.2. Mac

5.1.4.2.1. Digital Color Meter

5.2. その色をどこで使うか?

5.2.1. トップ画像・バナー画像

5.2.2. ボタン

5.3. ショップの背景は基本白

5.3.1. 背景に有色・画像・テクスチャを使いたくなる気持ちもわかる

5.3.1.1. 素人は色彩感覚が乏しいのでオススメしない

5.3.1.2. 基本は白

6. 課題

6.1. TOP画1枚

6.2. 余裕があればバナー画像

6.3. TOP画が分かるスクショ