【初心者向け】Studioのレスポンシブ、ここだけ知っておけばOK

記事
デザイン・イラスト
こんばんは!今日も初心者さん向けSTUDIO簡単操作の記事を執筆していきます♪

STUDIOを知らない方へ・・・。
WordPressでなくても十分ホームページを作れるので、STUDIOは是非チェックしてみてくださいね!

Studioは、PCで作ったデザインを自動でスマホやタブレットにも対応してくれる便利なツールです。
ただし「完全におまかせ」だと、少し見づらくなることもあります。

特にチェックしてほしいのはこの3つです。

① デバイスごとの表示確認
PCだけでなく、タブレット・スマホ表示も必ず切り替えて確認しましょう。
スマホでは文字が大きすぎたり、余白が詰まることがあります。

② スマホ用に微調整
スマホでは
・文字サイズを少し小さく
・余白を広めに
これだけでも、かなり見やすくなります。

③ 必要ない要素は非表示に
PCでは必要でも、スマホでは不要な装飾は
「スマホでは非表示」にするのもおすすめです。

Studioは簡単そうに見えて、
このひと手間で完成度がぐっと上がります。

レスポンシブで迷ったら、
「まずスマホで見やすいか?」を基準にしてみてくださいね☺️

・・・もし、レスポンシブでお困りでしたら遠慮なくDMをお待ちしております♪
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら