#週1UI トレース｜フルサワナツキ

週1UIトレース総まとめ

春休みが始まったころから始めた週1UIトレース、そろそろ春休みが終わるのに伴って一旦総まとめをしようと思います。わたしの心の中で決めてたテーマトレースするサービスを選んだりトレースしたりする際にわたしの中でテーマを決めていました。 ①なにかをつなげるアプリをトレースする ②言語化するこの２つです。なにかをつなげるアプリとはざっくり言えばユーザーと何かのワンクッションとなっているアプリでしょうか。過去のトレースしたものがどのようにつなげているのか個人的に解釈したもの

週1UIトレース食べログ編

食べログのアプリ(iOS版)の検索ページ・タイムライン・ユーザーページをトレースしました。まずは全体的にこんな感じ。アプリを立ち上げてタイムラインではなくて検索ページが出てくるところがさすがレストランとユーザーを繋げるサービスだと感じました。それでは詳しく見てみましょう！詳しくみてみる検索ページタイムラインユーザーページ使っている色トレースして思ったこと ●やはり誘導の仕方が面白かった ●文字サイズの幅はそんなにないけどウェイトでメリハリをつけている

週1UIトレースメルカリ編

メルカリのアプリ(iOS版)のホーム・ライブページ・出品者ページ・マイページをトレースしました！全体的にはこんな感じ。デザイン的に繰り返しているところが多いなと感じました。では詳しくみていきましょう！詳しく見るホームライブページ出品者ページマイページ使っている色トレースをして思ったこと ●商品画像のサイズはほとんど120pxの正方形 ●ライブページのアイコンがすごくカラフル ●文字サイズの幅は狭め商品の画像サイズの話商品画像のサイズとしては8

週1UIトレース Spotify編

Spotifyのアプリ(iOS版)のホーム・ブラウズ・アーティストプロフィール・マイページ・音楽再生ページをトレースしました。全体像はこんな感じ！もともとがダークモードのアプリをトレースするのは初めてですごく新鮮な気持ちでトレースできました。それでは詳しく見てみましょう。詳しくみるホームブラウズアーティストプロフィールマイページ音楽再生ページ使っている色トレースをして思ったこと ●文字のメリハリがある ●黒地に緑がインパクトが大きい ●Brow

週1UIトレース Airbnb編

Airbnbのアプリ(iOS版)のホーム、お気にり、物件ページをトレースしました！こんな感じ！パッと見てホワイトスペースが多いなと思いました！それでは詳しく見ていきましょう！詳しく見てみるホームお気に入り物件ページ使っている色実際にトレースをしてみて思ったこと ⚫︎文字のメリハリがある ⚫︎画像を大きく使っている ⚫︎色がシンプル ⚫︎やはりホワイトスペースが多かった文字のメリハリトレースしたところだけでも12〜30pxと文字サイズの幅がす

週1UIトレース Facebook編

Facebookのアプリ(iOS版)のホーム・マイページ・投稿ページをトレースしました！全体的にはこんな感じ。ザッと見るとInstagramと同じように文字よりも写真を強調させたいのかなと感じましたそれでは詳しくみていきましょう！詳しくみるホームマイページ投稿ページ使っている色トレースして思ったこと ●文字も写真もメリハリがある ●アイコンがすごく派手だった ●色がシンンプルでまとまって見える文字も写真もメリハリがある写真のメリハリがあるなという

週1UIトレース Twitter編

Twitterのアプリ(iOS版)のホーム・検索ページ・マイページをトレースしました。まずは全体的にこんな感じ。こう見てみて始めに感じたことが文字の密度が高いなという点でした。それでは詳しく見てみましょう！詳しく見るホーム検索ページマイページ使っている色実際にトレースをしてみて思ったこと ●文字サイズの幅がある ●検索ページで何が起きてるのか知れる ●使っている色が少ない ●アイコンが鳥に関係している文字サイズに幅がある文字サイズは11〜20p

週１UIトレース　YouTube編

YouTubeのアプリ(iOS版)のホーム・登録チャンネル・動画の再生ページをトレースしました。ザーッとこんな感じ！詳しくみるホーム登録チャンネル動画再生ページ使っている色ヘッダーには動画投稿・検索・マイアカウントにとぶアイコン。メニューバーにはホーム・急上昇・登録チャンネル・共有・ライブラリのアイコンが有りました。 PC版のYouTubeは急上昇・登録チャンネル・ライブラリがハンバーガーメニューの中にしまわれている一方、アプリ版はメニューバーにあるの

週1 UI トレース Instagram編

Instagramのアプリ(iOS版)のホーム・検索ページ・マイページ・投稿ページをトレースしました！全体的にはこんな感じです。検索ページを除き、パッと見た印象としてはホワイトスペースが多めな方だなと思ったのと特にホームは写真のインパクトが大きいなという点です。それでは詳しく見てみましょう。詳しくみてみるホーム検索ページマイページ投稿ページ使っている色トーレスをしてみて思ったこと ●文字のメリハリがあまりないけど文字と写真のメリハリがある ●ハー

#週1UI トレース

記事一覧

週1UIトレース 総まとめ

週1UIトレース 食べログ編

週1UIトレース メルカリ編