初心者🔰のWebデザむン独孊蚘録🐣✏

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

#Day54　う〜ん🐢😭

#Day54 揃えるのずグルヌプ化を芋盎す。 Chromeでプレビュヌするやり方は理解。 グルヌプも现分化できたず思う。 フレヌムに入っおいない芁玠があったこずも理解。 だからプレビュヌでアむコン衚瀺されおなかったのか・・ 揃えるこずに関しお、figma䞊で赀く 

#Day53 レむダヌの敎理の仕方もう䞀回調べよ😓

#Day53 進捗 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=JYJw5soL0a6Crq4W-1 進捗 フィヌドバックでたずレむダヌの敎理ず曞 

#Day51-52 デザむンを開始🐢

#Day51-52 䜓調䞍良のアクシデントで、youtubeを芖聎するのず、前回のサむトマップにURLをリンクさせるだけで土日終了・・ 䜓調戻るもいざやろうずPCを開き、䜕からやるんだっけずなりもういちどyoutubeに戻る。。。 䜜業スピヌドに぀いおいけず、芋お止め 

#Day50　デザむンコンセプト続線🖌

#Day50 デザむンコンセプト続線 https://www.figma.com/file/wBZQahQLknvXDA2Hme4QMa/01_design_concept_template-(1)?type=design&node-id=0%3A1&mode=design&t=YCseq3Pg1YQ1POwK-1 前回色の印象が倚くを占めおいお仕分けしおいたず思う。 だから前回はナチ 

#Day49 デザむンコンセプト完了🀔

#Day 49 デザむンコンセプト最埌たで完了。 https://www.figma.com/file/wBZQahQLknvXDA2Hme4QMa/01_design_concept_template-(1)?type=design&node-id=0%3A1&mode=design&t=I7KcDsLwPkyN86DB-1 FBもらっお盎すかもしれないのずフォント決めたい。 䞀旊これ 

#Day48　デザむンコンセプト🖌

#Day48 サむトの目暙をもう䞀床敎理しお曞き出した なるべく具䜓的にしたくお、倧きい䞀番の目暙は『賌入しおもらう』ずいう行動。 そこに行き着くたでの、ナヌザヌの気持ちに働きかける目暙は぀に分けた https://www.figma.com/file/wBZQahQLknvXDA2H


Day46-47 進捗むマむチ😱

Day46-47 オリ゚ンず課題着手。 オリ゚ンで今たでの課題どうだったずいう質問にすごく抜象的な感想しか 蚀えなくお悲しかった。‍もっず感じたり思ったこずがあるのに・・‍ アりトプットができないのはむンプットが足りおないずいう蚀葉がオリ゚ン䞭に出 

#Day45　Photoshop・Illustrator・XD圹割📝

#Day45 Photoshop・Illustrator・XD圹割に぀いおの動画を芋た。 ・Photoshop画像線集。補正。レタッチも可胜。切り抜き。 ラスタヌ画像拡倧瞮小で劣化しおしたう。ドットで構成。 ・Illustratorバナヌやロゎに䜿われるこずが倚い。画像ずテキストなど 

Day44　デザむン提案のステップ。デザむンコンセプトに぀いお。

Day44 オリ゚ン前の知識ずしお指定蚘事を読んだ。 デザむン提案に説埗力を持たせる6぀のステップスラむド付き | ベむゞの瀟長ブログ サむトを䜜成する前のデザむンコンセプト。 デザむンは党おの印象を決めるわけではない。 圹割を決める。 具䜓的なメ 

#Day43 デザむンレビュヌ⑊完了😊

#Day43 デザむンレビュヌ⑊完了 https://www.figma.com/file/JpmeEAmXd5vOzX5UCf49Wr/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E2%91%A6?type=whiteboard&node-id=0%3A1&t=u6iEzMRPBOAgycH6-1 このサむトをレビュヌしお 

#Day42 デザむンレビュヌ⑊あず少し🖌

#Day42 デザむンレビュヌ⑊、スマホの分析たで完了。 このサむトはワむダヌフレヌムを䜜っおいたずきに参考にしたサむトの䞀぀だが、 分析し始めるず色々気づきがあっお初芋ずはたた違う印象〜‍ 昚日の途䞭たでのずころはコメントいただいおいたので、それを 

#Day40~41 フルスクリヌンショットたた苊戊からの䜜業・レビュヌ芋盎し。

#Day40~41 デザむンレビュヌ⑥のフィヌドバックをいただいたので芋盎した。 この答え合わせの時間がすごく奜き。。。 自分で思っおたずころず䞀臎する箇所もあるし、党然芖点や芋え方が違っおいる郚分もあっお楜しいのずかなり勉匷になる。 䟋えば今回だず ・ 

#Day39 デザむンレビュヌ⑥完了💫

#Day39 デザむンレビュヌ⑥完了。 https://www.figma.com/file/sDd71NVtrP9E1vdgFsgymY/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E2%91%A5?type=whiteboard&node-id=0%3A1&t=CGjNAASO82vivVCm-1 今たでのフィヌドバックで 

Day38 デザむンレビュヌ⑀完了

Day38 デザむンレビュヌ⑀完了。 このサむトは芋おお党然疲れなかった。矎味しそうだったから プロの方も疲れる・疲れない、あるのだろうか。 https://www.figma.com/file/wpC4I8KQh25Jf5fexgi4Tp/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AC%E3%83


Day37 鬌課題😈

Day37 秘密の課題📕 真䌌したいずころ。 この課題鬌😱 😵‍💫。。。

Day36 たたフルスクリヌンの壁にぶち圓たる😭

Day36 課題⑀のフルスクリヌン、次こそず思い取り掛かるも時間以䞊かけおできない‍ そもそもデベロッパヌツヌルでスマホ版衚瀺させおるはずなのに実際のスマホ版ず違う・・ スマホ版衚瀺にしおるのに・・ 実際のスマホから芋たペヌゞ 実際は店舗情 

#Day35 秘密の課題💫ずもう䞀床FBを読む日

Day35 秘密の課題 ----------------- 前回いただいたFBでフォントに぀いお曞いおあった。 whatfontで調べた時に出おくるのは優先させるフォント順ずいうこず。 デバむスごずに初期搭茉のフォントがあるずいうこず。 それで衚瀺されるので芋え方が少し違う 

#Day34 デザむンレビュヌしたいサむト💫

#Day34 デザむンレビュヌ調べたいサむトリスト フリヌ TOP猫カフェ MOCHA(モカ) アむビヌテラス流山おおたかの森のカフェ。ハンバヌガヌ、パンケヌキ ECサむト・テむストが䜜りたいものに䌌おいるサむト amanoppo(あたのっぜ アマノッポ)  むンスタで 

#Day32-33 デザむンレビュヌ③完了

#Day32-33 デザむンレビュヌ③。 ずっおも可愛いECサむトだった😊 芋おいお楜しくお、分析䞀回䌑憩しお、自分だったらこの色が欲しい〜などシミュレヌションしおいた。笑 でもこのサむトの目的はそれだず思うからの賌入 https://www.figma.com/file/jI0


#Day30-31　デザむンレビュヌ②完了

#Day30~31 デザむンレビュヌ②完了 https://www.figma.com/file/PnJJ0Pkp2QXCKmCGGt0ExP/%E3%83%86%E3%82%99%E3%82%B5%E3%82%99%E3%82%A4%E3%83%B3%E3%83%AC%E3%83%92%E3%82%99%E3%83%A5%E3%83%BC%E2%91%A1?type=whiteboard&node-id=0-1&t=FZWEKXQVIbDJ57S1-0


#Day29 デザむンレビュヌ②🖌

#Day29 デザむンレビュヌ②に取り掛かる。 レビュヌ①ず党然違うテむストで、最初目が慣れなかった。。。 もう䞀床時間を眮いおみたらたた違う郚分も芋えるかもなので郜床付け加えおいこうず思う。 珟段階での進捗。 フォント・スマホ・ナヌザヌに぀いおも次回 

#Day28 デザむンレビュヌ①完了。

#Day 28 デザむンレビュヌ①続き。 whatfontの䜿い方に぀いおアドバむスいただき、スマホ版のコピヌをするこずに成功 スマホ版を衚瀺させるず指でタップするような䞞いマヌクが出おきお、ずっずコピヌできなかったが切り替えられるこずがわかった。 これはで 

#Day26~27　デザむン分析💪

Day26~27 匕き続きデザむン分析を行なった。 差を぀ける・グルヌプ化・繰り返し・あしらいに぀いお。 進捗スクショ 進捗スクショ 差を぀ける・繰り返しがわかりにくい気がした。 差に぀いおは文字サむズくらいしか差がないように芋えお、それだけチェック 

#Day25　揃えおいる箇所・PCのフォント

#Day25 課題①を芋本を芋ながら取り掛かる。 ズヌムしながらここは揃っおいるなず蚘入。 ズヌムアりトするず離れおいる箇所でも揃っおいる箇所もあるこずに気づく。 フォントを調べようずwhatFontをかざすず党お同じもので衚瀺されるので、おかしいず思ったら 

#Day 24 デザむンを芋る目を逊う😎オリ゚ン

#Day24 次の課題に぀いおのオリ゚ン講習を受けた。 ・たず今たでのワむダヌフレヌムなどの敎理をするこず 䜜業の効率化・コヌディングのやりやすさ・玍品ファむルずしおの芋やすさなどに圱響しおくるずのこず 具䜓的にはグルヌプ化をしおそれぞれ英語で名 

Day23 䌚瀟名ずロゎに぀いお埗た知識を自分の蚀葉で曞く

#Day23 少しゆっくり孊習の日。 コメントいただいたロゎず䌚瀟名に぀いお読んで理解する日。 しあわせ信州 ロゎ緑ハヌトマヌクの䞋にしあわせ信州ず曞かれたもの 䌚瀟名しあわせ信州 にくや萬野 ロゎPREMIUM QUEEN BEEFの文字から萬野の文字、牛のマヌ 

#Day22 ショップ名ず少し盎し🖌

#Day22 添削いただいた箇所の盎し 倉曎箇所 ・商品䞀芧からスタむを遞択した時のペヌゞ デザむン時に倉曎 ・ペヌゞャヌの番号 ・フォントサむズ たた、ショップ名をTOPペヌゞのロゎ郚分にだけ入れた。 そのほかショップに぀いおのコンテンツやペヌゞにはデザ 

#Day21　WF枅曞🖌🌈

#Day21 WF制䜜。盎し。 商品䞀芧PC https://www.figma.com/file/3T79OiQ1HcZCWAVhlq2A1p/%E5%95%86%E5%93%81%E4%B8%80%E8%A6%A7PCWF8%2F21?type=design&mode=design&t=PuiGq6C3aJNhG6eE-1 商品䞀芧PCスタむを遞択した時 https://www.figma.com/file/mpqr


#Day20 ショップに぀いおの枅曞💫

#Day20 ショップに぀いおのWF枅曞に取り掛かる。 前回のサむズに関しお意識しながら。 長く曞いおあるようなものよりシンプルに䌝えるような感じにしたい・・。 PCショップに぀いお https://www.figma.com/file/K4g6nlFVXa4rcTbVLk1s0W/%E3%82%B7%E3%83%A7%E


#Day19 ショップに぀いおず商品䞀芧WF䞋曞き🖌

#Day19 残るWF必須項目 ・ショップに぀いお ・商品䞀芧 に぀いお䞋曞きに取り掛かる。 ショップに぀いおはシンプルに文字だけのパタヌンも考えたが、 手䜜り感が䌝わる画像を入れたい気もしお䞀旊この圢にした。 䞋には商品怜玢に飛べるボタンを配眮。 商品