マガジンのカバー画像

UIデザイン勉強日記

6
本
UIデザイン勉強の記録
運営しているクリエイター
m

#figma

【UIデザイン練習日記#3】UIトレースのやり方

こんにちは！本日はUIトレースのやり方について勉強しました。 教材動画はこちらです⏬ 今回はトレース元としてApp StoreのUIを使いました。 私はiphone12を使っているので、スクリーンショットを390*844に縮小してトレースしました。（この時点でめちゃくちゃ迷って大変だった） 完成したものがこちらです。（所要時間4時間）カーニングができていないので、文字には少しずれがあります。 また、分析を行ったものがこちらです。 そもそものキャンバスサイズをどうするの

m

【UIデザイン練習日記#2】メッセージアプリからUIデザインを学ぶ

こんにちは！前回に引き続き、UIデザインの勉強記録をnoteに残していきます。教材動画はこちらです⏬ 完成したものはこちらです。（所要時間4時間） これ、「名前」とか「メッセージ」じゃなくてちゃんとダミーのものを入れるべきでしたね。反省。 さらに課題として、連絡先のUIデザイン（一覧、新規登録、完了まで）を作成しました。完成したものがこちらです。 当たり前に使っているものでも、なぜそうなるのか？をしっかり意識してデザインすることを大切にしたいと感じました。デザインをして

m

【UIデザイン練習日記#1】はじめてのFigmaとUIデザイン

こんにちは！私はデザイナー（分野は迷い中）を目指している大学4年生です。最近新たにUIデザインの勉強を始めたため、勉強記録をnoteに残していこうと思います。 ちなみに、デザインを半年勉強した現時点のスキルはこんな感じです。デザインを一通りやった中で、私はWebの情報設計に基づくデザインが一番やってて楽しいと感じたため、UIデザインに興味を持ちました。 まずはFigmaの練習のために、UIデザイナーのカイクンさんの動画を見ながらYoutubeのUIトレースを行いました！

m