たくや

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

たくや

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

最近の記事

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

こんにちは! 自社サービスのバックエンドエンジニアをしているたくやです。 UI/UX分野に興味が出て勉強してます。 figmaでBooking.comのUIをトレースして気づいたことを書きます! トレースまずはトレースした結果です! 学んだこと(考察含みます)重要アクションに誘導するために2つの手段をとっている 補色で目立たせる ハイライトで浮き上がらせる 1.補色で目立たせる このサービスのメインカラーは、重要なボタンに使われていることから青だと判断しました!

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

      こんにちは! 自社サービスのバックエンドエンジニアをしているたくやです。 UI/UX分野に興味が出て勉強してます。 figmaでInstagramのUIをトレースして気づいたことを書きます! 〜トレース〜まずはトレースした結果です! 〜学び〜・インスタ特有のグラデーションの作り方 1. 図形を選択してカラーパレットを開く 2. 左上のプルダウンで線形を選択 ※インスタに限らずグラデーションにする目的なら線形以外でも可 3. 表示された直線の右上、真ん中、左下にそれぞれイ

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

        こんにちは! 自社サービスのバックエンドエンジニアをしているたくやです。 UI/UX分野に興味が出て勉強してます。 figmaでTwitterのUIをトレースして気づいたことを書きます! 〜トレース〜まずは「メニュー画面」と「ツイート履歴画面」をトレースした結果です! 手順はこんな感じ。 1. figmaにTwitterのスクショを貼る 2. 隣にフレームを作る 3. スクショの上に図形やテキストを配置して同じデザインを作る 4. パーツができたら隣のフレームにコピー・