CanvaでWebページつくるときのコツ

以下のメモです。

◎１からWeb画面作る時にやること。

▶︎テーマソング決める

やってみて良い感じだったので次も採用したい。

▶︎色決める

テーマソングが決まって、テーマソングに合う感じで３〜５色決める。
トップページ（最後に削除する）に配色の丸を置いておくと便利だった。

こんな感じでTOPに置いといた

▶︎まずはグレースケールでデザインする

カラフル詐欺ｗ

こんな感じ。いいな、って感じた配置にはする。

上に配色置いておくと、左メニューに「文書で使用中のカラー」に出てきてくれて便利

明暗が似ている配色に変更でOK ：）

▶︎文字サイズ

14で。

作業しやすい画面で作業していると５０％とか縮小画面で作業していたの。
プレビューで１００％の状態になった途端「大きいっ@@；」てびっくりした。
全部のサイズ直すの地味に大変だったから、
先にフォントサイズは１４で進めるのが吉：）

◎作った画像がスマホ表示にすると総崩れがおきた。

▶︎対応策３点

◯「透明の四角」を載せる

PCプレビューだとちゃんと表示されるのに、モバイルプレビューにすると荒らぶる。

しばらく放心したよね。

解決方法：１行の文字のあれは四角い図を載せて解決。

一度プレビューで確認。荒ぶれてない。

四角を透明にする。

サクセス！：）

◯行間を開ける

長い文章が思いつかなくて

こういう同じ文字サイズで作ったはずの文章が、目立たせたい文字にマーカー代わりに四角で線をつけたら、モバイルで見た時四角を乗せたテキストボックスと乗せてないテキストボックスで文字サイズ変わってショックだった。

1日ふて寝したよね。

解決方法：マーカーではなく、文字の太さやサイズを変える。　行間が詰まって窮屈な感じがしたら行間を開ける。

◯テキストボックスの横幅を揃える

テキストボックスの横幅が異なると荒ぶる。

画面いっぱいにテキストボックス伸ばしがち。

荒ぶる〜

テキストボックスの横幅を揃えました。

以上です。：）