ai | Webデザイン+Shopify @aigracebit

デイトラShopifyコース修了(2023.05.04)→Webデザイン学習中 grace-bit.com Joined September 2023

Tweets

112
Followers

59
Following

6
Likes

188

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY17 デイトラのDiscordでAIがデザインの添削をしてくれるツール #AIテンサクッを知り、昨日作成したバナーを早速添削してもらった💡 改善点を的確に指摘してもらえたから、修正後再レビューしてもらう🔥 #デイトラ #今日の積み上げ

0 0 11 269 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY15 01 ✅東京ひまわりフェスティバルバナー作成 320*100 　制作時間：3h DAY14とはフォントを変え、よりポップで親しみやすい印象になるよう工夫しました！サイズが小さくなると要素の大きさ、配置場所にもすごく悩む🤔 #デイトラ #今日の積み上げ

0 0 7 162 0

Download Image

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY15 01 前回作成したバナーのサイズ違いを作成するためにいろいろなバナーデザインを見て研究中..🧐 今回はフォントを変えてみたくて、ダウンロードしてみた #デイトラ #今日の積み上げ

0 0 6 116 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Web系フリーランス働き方超大全いただいてからかなり期間があいてしまったけど、読み終わった！内容はもちろん勉強になることばかりだったけど、後書きの事故の話が衝撃すぎて記憶に刻まれた🫨笑 #デイトラ #Webデザイン #今日の積み上げ

0 0 9 139 0

Download Image

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY14 01 ✅東京ひまわりフェスティバルバナー作成　制作時間：2h 　モチーフ：親しみやすい、爽やか、パワー溢れるモチーフの「パワー溢れる」がひまわりから感じられるように意識しました🙌 同じお題でもいろいろな表現があって勉強になる✏️ #デイトラ #今日の積み上げ

0 0 7 114 0

Download Image

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY14 02 ✅#figma ショートカットキー【Win】　Shift + V：図形の上下反転　Shift + H：図形の左右反転ひまわり🌻 自分でイラストを作れるとデザインの幅が広がりそう💡 #デイトラ #今日の積み上げ

1 0 3 192 0

Download Image

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY14 01 動画内で紹介されている #Palettable が使えない。。「Refresh the page」を押しても同じページのまま、ブラウザを変えてみても変わらず💭 #デイトラ #今日の積み上げ

0 0 8 202 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY13 01 ・バナーの画像探し・デザイン収集、調査依頼内容のモチーフやターゲットに合わせた表現を模索中💭 #デイトラ #今日の積み上げ

0 0 14 238 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY12 02 DAY12 01で作成したバナーを少し修正✏️ ・要素をすべて左揃えに・文字が読みやすいよう背景を暗く・ボタンの色をピンクの補色の緑にデザイン作成後はしっかりデザインチェックシート見返していこ #デイトラ #今日の積み上げ

0 0 6 228 0

Download Image

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY12 02 ✅PCサイト版の画面レイアウトについてフォントのサイズを確認を確認する時は・参考サイトのフォントサイズと比較・ figma上で100%スケールにして、見てみる 100%スケールにすると見え方が変わるのが、動画内の例でよくわかる🧐 #デイトラ #今日の積み上げ

1 0 8 200 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY12 01 ✅クリックさせるテクニック・ボタンが押せることを訪問者に気付かせる・ボタンのアイコンをボタンを押したときに起こるアクションと合わせる・ホバーエフェクトを付ける(PC版) 普段意識することなくできてる＝工夫されてるということ #デイトラ #今日の積み上げ

1 0 16 239 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY12 01 ✅視線誘導のパターン・Z型パターン　バナー、ポスター、フライヤー等・F型パターン　LP、Webサイト等・N型パターン　小説、雑誌等（縦読み）制作物に適したパターンを意識する💡 #デイトラ #今日の積み上げ

0 0 11 233 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY12 01 ✅視線誘導 #グーテンベルク・ダイヤグラム通常人間は均等に配置された情報を見る際左上を最初に見て、いくつかの経路を通り、右下へ移動するこのことをグーテンベルク・ダイヤグラムという #デイトラ #今日の積み上げ

1 0 7 151 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY11 02 ✅#webフォントと #デバイスフォント・webフォント　見るデバイスに関わらず同じフォントが表示可能　（クラウドやサーバ上にフォントがあるため）・デバイスフォント　見るデバイスによってフォントが変わる可能性がある #デイトラ #今日の積み上げ

0 0 13 194 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY11 01 制作時間：4h 初のバナー作成＆本業が立て込みかなり時間がかかったけど、完成🌸 今回のバナー作成で、引き出しを増やすことの大事さを痛感したから、引き続きPinterest、レトロバナーを見て学んでいこう✏️ #デイトラ #今日の積み上げ

0 0 16 294 0

Download Image

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY11 01 ✅テキストの配置場所左上→右上→左下→右下（アルファベットのZ）の順に人の視線は移動するこの流れを意識して重要なテキストの配置場所を決める #デイトラ #今日の積み上げ

0 1 12 266 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY11 02 ✅#カラーユニバーサルデザイン #CUD 誰に対してもきちんと正しい情報が伝わるように、色の使い方などにあらかじめ配慮すること自分にとって見栄えの良い配色が、全ての人にとって使いやすい配色ではないことを意識して、構成を確認する #デイトラ #今日の積み上げ

0 0 12 144 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY11 02 ①画像を白黒にする ②文字等の要素を配置 ③要素の位置やサイズ、フォントを調整 ④画像をカラーに戻し、他の要素にも色を付ける最初からカラーだと・良い感じに見えてしまう・目や脳に負担をかけやすい #デイトラ #今日の積み上げ

0 0 14 286 0

ai | Webデザイン+Shopify @aigracebit

2 years ago

#Webデザイン初級編 DAY11 01 ✅#figma 画像を白黒にする ①画像を選択し、デザインパネル ”塗り” 内の[画像]をクリック　または画像をダブルクリック ②彩度のバーを1番左までドラッグ以前学んだ内容を、まとめを見返さずにできるよう少しずつ定着させたい🔥 #デイトラ #今日の積み上げ