フリーランスでWebサービスを作っている @mottox2 です。 最近noteでUIデザインの人がトレースしている記事をよく見ます。その度に強そうな人がUIトレースをすすめるようなコメントを見るので物は試し自分もやってみることにしました。 トレースの題材としては最近(自分の中で)話題な証券会社FOLIOのサービスを選びました。 -> folio-sec.com TwitterやInstagramなどの海外サービスが選ばれがちですが、英語と日本語のタイポグラフィは結構違うと思っているので日本の会社でデザインに力が入っているであろうサービスを選びました。 トレース結果 思ったより縦に長く再現するのが大変でした。その分、気づいたことも多かったです。 (一部の画像は見ていく時にノイズになるので取り除いています。) デザインのルール色やタイポグラフィ、マージンしっかりルールがありました。(一部沿っ
![イケてる証券サービスFOLIOのトレースをして気づいたこと|mottox2](https://cdn-ak-scissors.b.st-hatena.com/image/square/6eac7c4268d10fa376753ec8ff59b8130cfa587e/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F5449154%2Frectangle_large_5c992ae287e854190e10c58580614b83.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)