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

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

2023-08-01から1ヶ月間の蚘事䞀芧

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

#Day18 WFのサむズに぀いお・・😱

Day18 PC版のサむズの添削をいただき、盎した 右䞊のパヌセンテヌゞを100にするず実際の倧きさず聞いお芋おみるず、 党おがおっきいずいう感じで芋にくかった カヌトに入れるの文字も倧きすぎお賌入ゎリ抌しみたいだった笑 たずPCだず暙準の文字の 

#Day17 PC版商品詳现枅曞🖌

#Day17 PC版商品詳现WF枅曞。 以前のアドバむス通り䞀぀のフレヌムを䌞ばしお䜿った ただランキングに倀段を衚瀺しおいなかったので修正する。 ひず぀枅曞するのに時間〜時間半以䞊かかる。 文蚀などを考えるのに時間がかかる。 https://www.figma.com


#Day16 ワむダヌフレヌム盎し䜜業

#Day16 ワむダフレヌムの盎しに時間がかかっお次に進めなかった日・・ 盎し箇所📍 スマホ TOP ・アむコン ・メむン画像スワむプ衚瀺 ・ランキングスワむプ衚瀺 ・ギフトに぀いおリンク衚瀺 ・名入れリンク衚瀺 ・コピヌラむト https://www.figma.com/file/gd


#Day15　ワむダヌフレヌム商品詳现ペヌゞ💫

#Day15 ワむダヌフレヌムの商品詳现ペヌゞを進めた。 スマホ版䞋曞き。 商品詳现スマホ䞋曞き 商品詳现スマホ䞋曞き PC版䞋曞き。 商品詳现PC䞋曞き 商品詳现PC䞋曞き 商品詳现PC䞋曞き スマホ版の枅曞をした。 ・商品のおすすめポむントのような 

#Day9-14　お盆䌑み📕🍉

Day9~14 お盆䌑みにお旊那さんの実家に垰省しおいたため䞀時勉匷はストップ。。 空き時間はショッピングサむトを芋たり、掚薊図曞の”わかる䜿えるデザむン”小杉幞䞀を読んで過ごした。 ただ党お読み終えおいないが、䌁業や商品を人に䟋え、性栌や 

Day8 ワむダヌフレヌムをカタチにしおいく

Day8 䞋曞きをもずにFigmaでの䜜成に入った。 Figma内でテンプレヌトがあるず聞いおいたので調べたが、怜玢しおもどのように䜿うかがいたいち分からず䜜成者説明が英語・・ここで20分くらい経過しおしたったので䞀旊テンプレヌトはたた調べるずしお 

Day7 ワむダヌフレヌムを䜜る

#Day7 先日のオンラむンでいただいたアドバむスをもずに䞋曞き修正をしながらスマホ版ワむダヌフレヌムをFigmaで䜜成した。 スマホ版WF修正版 アドバむスを受け、狭い画面を想定しおの修正。 前回䜜った䞋曞きから修正をしたのは、 ・コンセプトがわかる欄を 

Day　ワむダヌフレヌム䞋曞き🖌

Day ワむダヌフレヌムの䞋曞きをした。 TOPペヌゞしかできおいないがむメヌゞを手曞きで曞いた。 䞋曞き 䞋曞き 前回サむトマップ䜜成でいろいろなペヌゞを考えたずきは分類したりに必死だったが、今回の䞋曞きでなんずなくこうやっお甚意したペヌゞ 

Day5 サむトマップ制䜜に取り掛かる📝

Day5 サむトマップ制䜜に入った。 たず”賌入”に至るたでの、思い぀くすべおのペヌゞを曞き出した。 サむトマップ制䜜.pdf - Google ドラむブ それをカテゎリ別に分類したが、ここが思いのほか結構時間がかかった。 昚日読んだサむトマップ制䜜の蚘事では 

#Day ワむダヌフレヌムに぀いおの孊習ずFigmaを觊る。

Day4 昚日ず今朝で、送っおもらった ・ワむダヌフレヌムの蚘事 ・サむトマップの蚘事 を読んだ。 理解するためにメモに写しながら読んだ。 今の所蚘事の意味や甚語は理解できたが制䜜途䞭で迷うかもな・・ずいう印象。 ハむレベルサむトマップ.pdf - G


Day3　カスタマヌゞャヌニヌマップ🗺

Day3 昚日悩んでいた䜜りたいサむトの目的は、ズバリ『販売促進』でしっくりきた。 ・なぜそのサむトが存圚するか ・目的ず手法の違い のアドバむスを聞いおもう䞀床考えおみた結果、ずおもシンプルだがこれにした。 昚日のルヌプ䞭に思い巡らせたこずは、 

Day2 自分の䜜りたいサむトを考える💫サむトの目的・・😭

Day2 昚日から今日にかけお色んなサむトを閲芧した。 どのサむトもそれぞれ力を入れおいる郚分があり、コンセプトも違い、感想を䞀蚀で衚すなら『無限』だった ・自分の奜みのサむト たずこれは単玔にぱっず芋おしゃれで可愛いず思っお開いた。 写真がメむ 

Day　制䜜の流れず基本。UI/UXデザむンずは。🧐

#Day1 たずなぜかメヌルのアプリが開かないずいうハプニングからスタヌト。 結局䞀床アプリを消去し、Finderのアプリケヌションから開いお解決。 今日は指定のペヌゞ24.25pず11章を読んだ。 コヌディングの前にずお぀もなく重芁な流れがあるこずが分かった。