実践理解!3構造でYouTubeをUIトレース

3構造を使ってUIトレースしよう

動画で解説しているポイントを意識してYouTubeのデスクトップUIのUIトレースをしましょう

• 各構造のUIの特徴を意識してUI作成する
• Figmaの使い方を意識してUI作成する
• ダミーではなく可能な限りリアルに近い画像やテキストを使う

‍

スライドのURL

FigmaのURL
https://www.figma.com/deck/diZ2mkkbK4mFbGuGSFuKcm/%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B9%E3%81%A7%E5%AE%9F%E8%B7%B5%E3%81%99%E3%82%8B%EF%BC%93%E6%A7%8B%E9%80%A0?node-id=1-122&t=MH1D9sDDn6EVm9W8-1&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1

‍

‍

‍

‍

‍

‍

3構造を使ってUIトレースしよう

動画で解説しているポイントを意識してYouTubeのデスクトップUIのUIトレースをしましょう

• 各構造のUIの特徴を意識してUI作成する
• Figmaの使い方を意識してUI作成する
• ダミーではなく可能な限りリアルに近い画像やテキストを使う

‍

スライドのURL

FigmaのURL
https://www.figma.com/deck/diZ2mkkbK4mFbGuGSFuKcm/%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B9%E3%81%A7%E5%AE%9F%E8%B7%B5%E3%81%99%E3%82%8B%EF%BC%93%E6%A7%8B%E9%80%A0?node-id=1-122&t=MH1D9sDDn6EVm9W8-1&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1

‍

‍

‍