初心者🔰のWebデザイン独学記録🐣✏️

その日の気づき・疑問点・進捗📝

2023-10-01から1ヶ月間の記事一覧

#Day69直し📝

#Day69 フィードバックで指摘してもらった部分の直し。 ロゴのドロップシャドウを外す。 初心者はドロップシャドウをつけがちとのこと。 自分でも何となくデザインする時に変化をつけたい→変化をつけるやり方の幅や知識がないので一番簡単なシャドウをつける…

#Day68 直しとグラデーション試し🔍

#Day68 フィードバックを読み、ロゴの大きさと文章の揃ってない箇所を直した。 揃えることをもっと念頭に常に置いておかないとすぐズレる。 ロゴはコンテンツの背景色幅に左を揃えた。 ロゴについてどのくらいの大きさが適しているのか明確なサイズはわから…

#Day67 フォトピーを使いロゴのイメージ制作

#Day67 ロゴを仮置きしていたのでよりイメージに近いものにした! 元々ロゴにハートを入れたかったので近いハートの画像をダウンロードして、以前もらっていたフォトピーのやり方の動画を見ながら色の調整や背景の透過をした。 (WFの時に考えたショップ名と…

#Day66 背景にグラデーション🌈

#Day66 可読性を高める手法として背景にグラデーションを入れてみる。 マスクした画像を選択して、”塗り”のところからグラデーションをつけることが可能 線型・放射型・ひし形などグラデーションを入れる箇所も選択可能。 なるべく写真を潰さずに文字を読み…

#Day65 文字サイズ📝

#Day65 フィードバックを読んで、文字の大きさを大きくすることだけが差をつける手法ではないと理解。 下の文章を小さくすることも視野にいれて再チャレンジ。 進捗 キャッチコピー”大切なあなたに〜”をサイズ45に変更。 それに合わせて行間を前回の定義で6…

#Day64 調べるところから📝そして色々試す。

#Day64 ・検索ボックスの幅を合わせる。虫メガネマーク側の幅と右端の幅。 細かい部分まで気づけないなぁと実感。 ・ロゴのグレーを白にする。 現在の過程 まずファーストビューの文字のジャンプ率について調べながら試行錯誤。 あるサイトではジャンプ率が…

#Day63 一旦検索ボックスとアイコンを。

#Day63 昨日のアドバイスで、アイコンが揃わないと一人で騒いでいたのは、ベースラインというそもそもの英字の性質によるモノということがわかった。 menuの”m”は合わせた!! すごい時間かかってたけど理由がわかりスッキリ・・ 検索ボックスはグレーのまま…

#Day62 アドバイスをもらい🫡

#Day62 進捗 https://www.figma.com/file/gfoImPAq636rIrkYg8v6EU/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB?type=design&node-id=0%3A1&mode=design&t=ckHCYVI2QLuBooxx-1 ・検索ボタンを図形で組み合わせる ・文字の間隔…

#Day61 アイコンについてとファーストビューの文字

#Day61 ファーストビューの文字について ・どちらがメインか ・間を開けている理由 について問われてすぐ回答できなかった 大切なあなたを〜の文章はたったひとつの贈り物をの部分が一番伝えたくて、そのたったひとつってどういう?みたいな流れで下の文章を…

~#Day60 ファーストビューとヘッダー調整②

#Day60 手作り感グッズがわかる 一度この写真で作ることにした。 ・手作り商品感がわかる ・作ったばかり(もしくは作り途中)のようなイメージが生まれてくる子のために用意しているのが伝わるかな・・ ・哺乳瓶=大体の対象年齢 ・キリンのぬいぐるみや毛…

#Day59 ファーストビュー選定とヘッダー調整

#Day59 ファーストビューの写真をまたひたすら探す。 このサイトの写真、プレゼントを開けている女の子のワクワク感を想像させる感じが合って素敵だった。 商品も写っていてオーガニックな商品も見せててこれはこのサイトのために撮ったのかなぁ。 PRISTINE…

#Day58 ひたすらただ見る😂

#Day58 ヘッダーの右側アイコンを直した。 ヘッダーのみ進捗 https://www.figma.com/file/gfoImPAq636rIrkYg8v6EU/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB?type=design&node-id=0%3A1&mode=design&t=qZhbyPIFzGOHgNLJ-1…

#Day57 フィードバック見ながら🖌️

#Day57 まずコメントを返す。 アイコン周りが色々よくなさそう。 もう一回ここやり直そう最初から。‍ https://www.figma.com/file/gfoImPAq636rIrkYg8v6EU/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB?type=design&node-id=0…

#Day56 揃える難しさ😭

#Day56 https://www.figma.com/file/gfoImPAq636rIrkYg8v6EU/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB?type=design&node-id=0%3A1&mode=design&t=CIsuLSLVanVwTMVp-1 フッターが揃っていない気がする。 でもひとつひとつ…

#Day55 揃えるを動画を参考にやる!

#Day55 時間が空いてしまった! https://www.figma.com/file/gfoImPAq636rIrkYg8v6EU/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB?type=design&node-id=0%3A1&mode=design&t=8UcmoaDSVSlxsSR2-1 前回もらった参考動画を真似…