【完全解説】初心者のおすすめデザイン筋トレ「UIトレース」を紹介&実践します【良いものをマネしよう】

UIデザインをこれから始めたい、1年未満の人にオススメなトレーニング方法「UIトレース」を完全解説します。
❐ 目次
-------------------------------------------
00:04 インプットに最適な「UIトレース」
00:13 流れ:①UIトレースとは？→②やり方を実践
00:25 トレースの目的
02:35 やるメリット
05:02 “iOS App Store”をトレースします
08:41 "ナビ"をトレース
23:11 "オススメ"ブロック
26:08 "人気のApp"ブロック
37:16 [重要]分析までやりましょう
41:38 有名サービス×複数画面で実践しよう
❐ UIとUXのコミュニティ『BONO』
-------------------------------------------
デザイナーになりたい、デザインをもっと伸ばしたい。
成長速度は現場のプロに聞いて、仕事を見て学べば倍以上になります。し、同じ気持ちのメンバーと一緒に成長すればさらに上がります。
詳しくはこちら！参加お待ちしてます
www.bo-no.design/
❐ 『BONO』の月別テーマ一覧
---------------------------------------------------
5月は「アイデアを実現するUIの作り方」
www.notion.so/takumikai/5-UX-...
❐ カイクンについて👋
-------------------------------------------
Webデザイン、UIデザインを経て、今ではスタートアップの立ち上げしたりしてます。
経営学部→独学でmixiデザイン部→NewsPicksでPdM×デザイナとしてAppリニューアル等→MOSH共同創業→Cocoda!→SHE→canal→Spir
#UIトレース #37:16が重要 #UIデザイン

Пікірлер: 16

  • @shioriosm.7902
    @shioriosm.79022 жыл бұрын

    コーダーを目指しているものです。 コードを書くにあたってデザインのことも知りたくなり、カイクンさんの動画に行きつきました。 感動です。すっごく参考になりました!!!ありがとうございました!!! 毎日トレース始めてみます★

  • @higashi5648
    @higashi56483 жыл бұрын

    本当にいつもいい動画を上げてくれて、本当に助かります。 いい動画がたくさんあるので、もっと伸びてほしいです。

  • @-bono2271

    @-bono2271

    3 жыл бұрын

    ありがとうございます〜😭 UIデザインニッチすぎて伸びないんですよ〜笑😂

  • @saori5658
    @saori5658Ай бұрын

    できるかどうかはわかりませんが頑張ってやりたいと思います。有益な情報ありがとうございます👏

  • @-bono2271

    @-bono2271

    27 күн бұрын

    やるんや！！！

  • @KH-xd2fi
    @KH-xd2fi Жыл бұрын

    とても勉強になりました！ありがとうございました！

  • @-bono2271

    @-bono2271

    Жыл бұрын

    ありがとうございます！

  • @ym10012243
    @ym100122432 ай бұрын

    最初の５分を見終わったばかりですが分かりやすいです。これから本編をじっくり確認します！

  • @-bono2271

    @-bono2271

    2 ай бұрын

    最高です！ だいたい無料でできるUI入門の動画コースもあるのでぜひ〜！ www.bo-no.design/rdm/uidezainru-men

  • @dmcreatorjapan
    @dmcreatorjapan Жыл бұрын

    px数の最小は10pxに統一している。 Webサイトの場合GoogleChromeでは9px以下は自動で10pxになるという理由。 あと9px以下は小さくて見づらい。 あとトレースにおすすめなのはUIならツイッターとかwebサイトならAppleは個人的におすすめ。

  • @bonbon7860
    @bonbon78603 жыл бұрын

    いつも本当にありがとうございます！ UIデザイナーを目指す学生なのですが、完全に独学になっているので動画でたくさん勉強させていただいてます！ 動画内の作業で質問させていただきたいのですが、下のタブバーのアイコンをスクリーンショットで撮るのはどのようにやられていたのでしょうか？ 教えていただけると幸いです！ よろしくお願い致します🙇🏻‍♀️✨

  • @-bono2271

    @-bono2271

    3 жыл бұрын

    ありがとうございます！ タブバーアイコン×スクショ →これはシンプルに 1. スクショ撮る 2. トリミングでアイコンサイズにする という感じです

  • @bonbon7860

    @bonbon7860

    3 жыл бұрын

    @@-bono2271 そうなんですね！ ありがとうございます！

  • @shioriosm.7902
    @shioriosm.79022 жыл бұрын

    たびたびのコメント恐れ入ります(´;ω;｀) この動画を参考に初トレースに挑戦しているのですが… FigmaさんのUI Bars…←ステータスバーや5Tabのやつとか… どこからダウンロードすればよいでしょう… 初歩的な質問申し訳ありません…!!!

  • @-bono2271

    @-bono2271

    2 жыл бұрын

    Figma communityに公開されてるデータが探せるので探してみてください www.figma.com/community/file/858143367356468985

  • @shioriosm.7902

    @shioriosm.7902

    2 жыл бұрын

    @@-bono2271 ありがとうございます!!!引き続きやってみますm(_ _)m

Келесі