スバル🌏ノマド発信

ノマドで暮らす25歳｜田舎から世界へ|海外経験ゼロで一人海外ヒッチハイク|コミュニティFMパーソナリティから世界へ|ノマドニア44期

[スバル🌏ノマド発信 @Subaru_nomad]

@Shunki2088303 僕も1週間前にMacbookpro購入しましたわ！
同じすぎて嬉しい

[スバル🌏ノマド発信 @Subaru_nomad]

@wkm2896 それはノマドの鑑すぎる

[スバル🌏ノマド発信 @Subaru_nomad]

もちろん戦略や、テクニックも大事だ思うが、
それ以上にその人(クライアント)の為に
全力で考え動くことが大切なんだと感じた。
「ありがとう」が積み重なって、信頼を生み次に繋げてくれる。
絶対誰かが見てくれてくれてる。

[スバル🌏ノマド発信 @Subaru_nomad]

ズズズッと音がなった時、底にはタピオカも無い。

タピオカミルクティーを飲むの上手くなったなと

[スバル🌏ノマド発信 @Subaru_nomad]

@ellieyade @wkm2896 ねぇ笑笑
歯磨きしてくれませんでしたねって
僕の歯を磨いて欲しいってお願いしてたみたいに見えるから！！！笑笑

[スバル🌏ノマド発信 @Subaru_nomad]

③訴求・誘導バナー
目的:サイト内での回遊率アップ、コンバージョン（成約）への後押し、接客や成約の役割
特徴：
・スライダー形式での表示は割引セールの情報で訴求力アップ
・スタッフの顔写真等で安心感や信頼感を伝え訴求力アップ
・自社サイト内に掲載なのでサイトの雰囲気に合わせる

[スバル🌏ノマド発信 @Subaru_nomad]

基本的な3種類のバナー
①広告用バナー
目的：認知拡大、新規クリック、サイトへの誘導
特徴：
・一目で理解できるわかりやすさとインパクトが大切
・人の顔や数字を配置し興味を引く
・メリハリをつけてぱっと見で理解させる
・言葉で案内してクリックを促す

[スバル🌏ノマド発信 @Subaru_nomad]

②アイキャッチサムネイル
目的：動画や記事の誘導
特徴：
・テキストや写真で見どころを伝え直感的に内容を伝える
・一覧ページでアイキャッチが並ぶので配置やフォントを揃えページの統一感を出す
・テキストを小さくしすぎない

[スバル🌏ノマド発信 @Subaru_nomad]

3,装飾の配置はさりげなく
イメージを伝えるため過剰に配置するのはNG。
文字などのレイアウトを決めて、装飾を調整しバランスをとる

4,背景とのバランスが重要
以下を守れば文字の邪魔せずに印象を引き立たせる
背景とのコントラストが高い→装飾は小さく
背景とのコントラストが低い→装飾は大きく

[スバル🌏ノマド発信 @Subaru_nomad]

バナー作成の基本-装飾
装飾やあしらいを加えることで効果的なイメージづくりができる。過剰に付け加えると重要な情報が伝わりにくくなる

1、意図にあった装飾を使う
作成したバナーは太陽を表すあしらいや海の波を連想させる背景を使用。

２、使用する装飾はテイストを揃えることが重要

[スバル🌏ノマド発信 @Subaru_nomad]

ジョージア帰国の途中でタイ・チェンマイに寄り道しnomad summitに少し参加。

一人の時間が多いからこそ、この一ヶ月の出来事やこれからを少しづつ整理できてる気がする。

焦るなよ〜、自分。

[スバル🌏ノマド発信 @Subaru_nomad]

バナー作成の基本
配色　色は情緒・雰囲気を直感的に伝える力がある。
色の基本、配色のルールを守ってイメージを正確に伝えることができる

①明度・彩度・色相を知る
②配色は3色　割合は7:2:1
③トーンを揃える
明度と彩度の設定を「トーン」と呼ぶ
「トーン」を揃えるとカラーが整う

[スバル🌏ノマド発信 @Subaru_nomad]

バナーデザインの基本
フォント
①バナーは「太め」が基本
視認性が高まり瞬間的な情報の伝達が高い

②たくさんフォントは使わない
フォントが多いとごちゃごちゃ感があり
面積の小さいバナーでは内容が掴みにくくなる

③フォントの種類の基本
ベースはゴシック体、歴史・和・美の表現は明朝体

[スバル🌏ノマド発信 @Subaru_nomad]

バナーの基本
視線の動きをコントロールするテンポで飽きないように見せる
①背景に帯を敷いて変化を作る
バナーでは十分な余白が取れず文字が詰まる。
帯を敷いて効果的にリズムを変える
②イラストや写真を追加して動きを出す
視覚的に情報が伝わりやすい
③強調したい文字を崩す
動きが生まれる

[スバル🌏ノマド発信 @Subaru_nomad]

バナー作成の基本
①意味・役割ごとにグループを作る
-1文字の役割でグルーピングする
・キャッチコピーなのか
・性能や特徴なのか
・購入を促す言葉なのか

-2色でイメージやまとまりを伝える
・自然感を伝えるためにキャッチコピーは緑の配色

[スバル🌏ノマド発信 @Subaru_nomad]

バナーの基本
トリミング　引き算で見せたい部分を際立たせる
①図形の部分的カット
主役の「文字情報」をしっかり見せることで、情報に目が留まるようにする。

[スバル🌏ノマド発信 @Subaru_nomad]

バナーの基本
メリハリ
☑情報の優先度に応じて「サイズ差」を付ける
①一番伝えたい情報は大きく目立つように
80％を大きくし、セールの内容を一目で理解

②数字は大きく、単位は小さく
数字と金額は目に留まりやすい情報

③優先順位の低い女子は小さくしてOK
助詞を小さくすると単語が把握しやすく

[スバル🌏ノマド発信 @Subaru_nomad]

ドラッグ&ドロップでの複製のショートカットコマンド

alt+D&D

D&Dって何？？？　難しすぎんか

[スバル🌏ノマド発信 @Subaru_nomad]

Studio よく使うショートカット一覧

グループ化　 　Ctrl+G
グループ解除　　 Ctrl+shift+G
リスト化　　　　 Ctrl+L
コンポーネント化 Ctrl+J
複製　　　　　　 Ctrl+D
ドラッグ＆ドロップでの複製　alt+D&D

※リスト化・コンポーネント化の解除は左ツールバーで解除
#Studio　#Web制作

[スバル🌏ノマド発信 @Subaru_nomad]

Studio よく使うショートカット一覧

グループ化　 　Ctrl+G
グループ解除　　 Ctrl+shift+G
リスト化　　　　 Ctrl+L
コンポーネント化 Ctrl+J
複製　　　　　　 Ctrl+D
ドラッグ＆ドロップでの複製　alt+D&D

※リスト化・コンポーネント化の解除は左ツールバーで解除
#Studio　#Web制作

[Rena | 🇬🇪 44 @AmeliaR9k6]

同期とファシリテーターの方が近くにいる空間って本当にありがたかったなあ。。
きついわ⭐️孤独戦士セーラームーン✨🌸

とりあえずはちゃんとがんばってますin🇰🇷