たくや

BtoBで販売している業務系Webアプリの開発・改修をしているJavaメインのエンジニ…

たくや

BtoBで販売している業務系Webアプリの開発・改修をしているJavaメインのエンジニアです。 UI/UX分野に興味が出てきたのでfigma等の勉強をしてます。

記事一覧

【UIトレース】Booking.comをトレースして学んだこと

こんにちは! 自社サービスのバックエンドエンジニアをしているたくやです。 UI/UX分野に興味が出て勉強してます。 figmaでBooking.comのUIをトレースして気づいたことを…

たくや
1年前
2

【UIデザイン】InstagramをUIトレースして学んだこと

こんにちは! 自社サービスのバックエンドエンジニアをしているたくやです。 UI/UX分野に興味が出て勉強してます。 figmaでInstagramのUIをトレースして気づいたことを書…

たくや
2年前
9

【UIデザイン】TwitterをUIトレースして学んだこと

こんにちは! 自社サービスのバックエンドエンジニアをしているたくやです。 UI/UX分野に興味が出て勉強してます。 figmaでTwitterのUIをトレースして気づいたことを書き…

たくや
2年前
2
【UIトレース】Booking.comをトレースして学んだこと

【UIトレース】Booking.comをトレースして学んだこと

こんにちは!
自社サービスのバックエンドエンジニアをしているたくやです。
UI/UX分野に興味が出て勉強してます。

figmaでBooking.comのUIをトレースして気づいたことを書きます!

トレースまずはトレースした結果です!

学んだこと(考察含みます)重要アクションに誘導するために2つの手段をとっている

補色で目立たせる

ハイライトで浮き上がらせる

1.補色で目立たせる

この

もっとみる
【UIデザイン】InstagramをUIトレースして学んだこと

【UIデザイン】InstagramをUIトレースして学んだこと

こんにちは!
自社サービスのバックエンドエンジニアをしているたくやです。
UI/UX分野に興味が出て勉強してます。

figmaでInstagramのUIをトレースして気づいたことを書きます!

〜トレース〜まずはトレースした結果です!

〜学び〜・インスタ特有のグラデーションの作り方
1. 図形を選択してカラーパレットを開く
2. 左上のプルダウンで線形を選択
※インスタに限らずグラデーションに

もっとみる
【UIデザイン】TwitterをUIトレースして学んだこと

【UIデザイン】TwitterをUIトレースして学んだこと

こんにちは!
自社サービスのバックエンドエンジニアをしているたくやです。
UI/UX分野に興味が出て勉強してます。

figmaでTwitterのUIをトレースして気づいたことを書きます!

〜トレース〜まずは「メニュー画面」と「ツイート履歴画面」をトレースした結果です!

手順はこんな感じ。
1. figmaにTwitterのスクショを貼る
2. 隣にフレームを作る
3. スクショの上に図形やテ

もっとみる