Yuri

仕事を辞め、webデザイナーを目指し勉強中。

Yuri

仕事を辞め、webデザイナーを目指し勉強中。

サイトレビュー ~15日間まとめ~

これまでに15サイトのレビューをしてきたので経過をまとめます。 主にスマホサイトのレスポンシブデザインでのレビューです。これはスマホから見ることが多い、また移動中にできるということもありPCサイトのレビューは比較程度になります。 １日目 ２日目 ３日目 4日目 5日目 6日目 7日目 8日目 9日目 10日目 11日目 12日目 13日目 14日目 15日目 15日目はPCサイトメインのレビューで長くなったのでnoteの方に。 またサイト模写

Yuri

    • サイトレビュー 15日目

      今までスマホサイトをメインにレビューし、PCサイトは比較のためにみるくらいでしたがいざデザインを始めるとwebサイトを見ておくべきだな〜と思ったので今回からはPCメインのビューを始めたいと思います。 NANA https://nana-eyelash.com/ 【ファーストビュー】 ・写真と文字を重ねている。店舗のフォントは透過して枠線のみ。 ・メニューはハンバーガーボタンでまとめてあり、文字の情報を少なくしてシンプルな見た目にしてある ・写真はスライドショーで少しずつ大

      Yuri

      • オリジナルバナー作成

        全然オリジナルバナー作れてないなぁ…と思いクラウドワークスから良さそうなものを選んで作ってみることにしました。今回はスクールの課題でもあったようなダイエットに関するバナーを選んでみました。 ちなみに作ったものの提出期限が早まったようで応募出来ずじまいです。 今回のバナーの概要です。 そして出来上がったものがこちら。 ピンクがどぎつ過ぎるかな？と思いましたが掲載するHPがビビットな色のデイストだったので派手に感じるくらいでいいかな、と思いこのまま進めていきました。そしてピ

        Yuri

        • サイト模写の記録03

          サイト模写およびレビュー３つめ！ 今回は 不二家チョコチップクッキー カントリーマアム(https://www.fujiya-peko.co.jp/countrymaam/) を模写しました。文字が少なく写真たっぷりのサイトでした。 左が見本、左が模写です。 文字もフッターの部分意外すべて画像で用意されていました。その方がサイトを更新する時に簡単なのかな？ 商品の写真も様々なシチュエーションで撮られていて「お洒落なお菓子」に見えますね。 以下レビューです。

          Yuri

        サイトレビュー ~15日間まとめ~

        Yuri

          サイト模写の記録２

          サイト模写２つ目！ あら、りんご(https://alaringo.com/)の模写およびレビューを行いました。 下は左が見本、右が模写です。 住所のところ揃えるの忘れてる… 下からはレビューです 茶色をメインに使っているのでお洒落な雰囲気がでますね。文字のジャンプ率も低いのでより落ち着きを感じます。字間も大きくあいていました。 お洒落な雰囲気のサイトにするには文字の大きさでメリハリをつけるよりも写真を効果的に使う方がいいのかな？ レビューするだけじゃなくて模写もする

          Yuri

          サイト模写の記録２

          Yuri

          サイト模写の記録

          CFのデザインの課題の一つとしてサイト模写をしました。合わせてサイトレビューもしていきたいと思います。 今回は先生が参考として挙げられていた原田産業株式会社(https://www.haradacorp.co.jp/)の模写とレビューを行いました。 シンプルなサイトだったので比較的サクサク作ることができました(それでも時間はかかりましたが…) 左が見本、右が模写です。 項目ごとに細かくフォントサイズが違っていました。やっぱり使いやすくするにはこういったことも気を配る必要

          Yuri

          サイト模写の記録

          Yuri