デジハリ佐賀 | 地域密着のWebデザイナースクール

こんにちは！デジタルハリウッドSTUDIO佐賀 スタッフです。

Webデザイナー専攻の課題問題に「リサイズデザイン」という課題があります。
「画像のサイズを変えてデザインを作り直す」という問題です。


普段、パソコンやスマートフォン、タブレットでWebサイトを見ていますが、同じWebサイトでもパソコンで見た時、スマホで見た時のデザインが違うことがありますよね？

例えばサイトを開いた時にどどんと出てくる「メインビジュアル」と呼ばれる最も目立つ画像。このメインビジュアルですが、パソコンとスマホとで画像が違うこともあります。

「リサイズデザイン」課題では、パソコンのメインビジュアルの画像を、スマホ版に作り直す作業を行います。実際にどんな感じか見てみましょう！









「リサイズデザイン」課題では、動画教材で作ったパソコン用のメインビジュアル画像を、スマホ用のメインビジュアル画像に作り替えます。


もしこのパソコン用のメインビジュアル画像を、（縦と横の幅の比率を変えずに）スマホ用のメインビジュアル画像を用意せずにスマホで表示すると…




とても小さいサイズになってしまい、インパクトがなくなってしまいました…。目立たせたいものが目立たなくなってしまいます。伝えたいことが伝わらなくなるのはとてもこまりますね。

そこで！
スマホでもきちんと目立つようにするために、スマホ版用のメインビジュアル画像をもう一枚作ります。この作り替え作業が課題内容です。








リサイズは、サイズを変えることはもちろん、文字の大きさやイラスト・画像の場所も変えて制作していきます。バランスよく、何を一番伝えたいのか、目立たせたいのかなどを考慮しながら作っていきます。

リサイズしたものをスマホで表示できるようにすると…



小さくならず、「パンフェア」の文字も大きく表示されます。これなら問題なさそう！

リサイズ作業はPhotoshopやFigmaを使って行うことができます。課題問題では、これまで学習してきたPhotoshopやFigmaの理解度を確認することができて、また何を一番に伝えたいのか、全体のバランスを考えて文字やイラスト・画像の配置する方法なども考えることができます。

課題学習でばっちりスキルアップですね！





今まではパソコン用のメインビジュアル画像→スマホ用のメインビジュアル画像について考えてみましたが、逆の場合も見てみることにします。

スマホ用のメインビジュアル画像をリサイズしないままパソコン版で表示させてみると…



縦と横の幅の比率が変わらないので、パソコンで見ると画面からはみ出してしまいました。また横幅がせまい画像をパソコン用に広げてしまったので、画像が荒くなってしまい少しボケてしまいます。

やっぱりこの場合はリサイズ用に画像を用意することが必要みたいです。




普段何気なく見ているWebサイトも、実はリサイズのような工夫がされている場合があります。
Webサイト制作の裏側。学びながら知ることもできたり…。課題問題で実際に作ってみたり。それがデジハリのWebデザイナー専攻です。






スタジオでは随時、受講生を募集しております。お早目のご来校、お申込をお願いいたします。

お得な早期お申込特典をご利用ください！

無料説明会

• 


• カウンセリングやスタジオのご案内、カリキュラム等のご説明を行っております。皆様の疑問・質問にはスタッフが丁寧にお答えいたします。実際の教材・機材を使った受講体験も可能です。まずはスタジオへお越しください。土日も営業しております！

ご予約はこちら >>

資料請求

• 


• スタジオ佐賀のシステムがよく分かるパンフレットを【無料】でダウンロードできます。あなたのスキルアップやステップアップをサポートする「デジハリ」の講座内容、通い方、受講料が一目で！お気軽にお申込みください！

資料請求はこちら >>


無料説明会ってなに？





無料説明会説明ページへ ≫









よくある質問 Q＆A

ご入校を検討されている皆様から頂くよくあるご質問を掲載しております。ご不明な点等ございましたら、お気軽にお問い合わせください。






よくある質問ページへ ≫









社内で【Web担当者】を育成しませんか？

「自社ホームページを作ったけど、社内に適正スキルを持った担当者がいなくて思うように運用できていない…」と悩んでいらっしゃる法人様向け【Web担当者育成プラン】をご用意しております。





Web担当者プランのご案内 ≫








法人様向け・ご依頼相談

デジタルハリウッドSTUDIO佐賀では、企業様向けの「Web制作」「業務委託（サイト更新、SNS運用等）」「人材募集」「社員研修」等のご依頼を承っております。お気軽にご相談ください





ご相談はこちらから ≫







各種SNSで情報発信！

Instagram、公式LINEアカウント、Facebookで、スタジオの日常や、お知らせ、卒業制作・勉強会の模様などなど、投稿しています。
またSNSからのお問合せにもスタッフが丁寧にお答えいたします。フォロー、友だち追加お待ちしております！



＼ タップしてフォロー＆友だち追加 ／





• 
  


• 
  


• 
  








大学生向けLP開設しました！


未経験からWスクールで通学していた大学生の先輩たちをご紹介。インタビューも掲載されています！


▼DESIGN YOUR FUTURE | Wスクールで自分の人生をデザインしよう！









• 
  


• 
  


• 
  






にほんブログ村




---