デザイン初学者がUIトレースを１ヶ月続けてみた｜きなこ｜note

2018/09/07 446 users きなこ｜note Twitter Cocoda UIデザイン

こんにちは、今回がはじめてのnote投稿になります！ タイトルにもある通り、今日はTwitterにて8月に行なっていたUIトレースについて感じたことをまとめていきます。 デザインの勉強を始めたばかりで、どうやって勉強しよう？と悩んでいる人や、最近だとCocoda!に登録してUIデザインの勉強をしてみようかな...と思ってい... 続きを読む

After Effectsを習得したいデザイナーへ、アニメーショントレースが効果的です。｜Leo / Basecamp｜note

2018/06/21 50 users Leo Basecamp アニメーション アニメーション実装

こんにちは、BasecampのLeoです。 最近、UIトレースと同じようなことを代わりにアニメーションでやっていて、結構いい感じに学べることがわかったので、その方法についてまとめようと思います。アイコンやロゴのアニメーション実装のためにAfter Effectsを練習したい！というデザイナーにオススメな方法です。 (この記事... 続きを読む

(デザイン初心者向け)メルカリのデザインチュートリアルを作ってみた(ホーム画面UI編)｜ココディー｜note

2018/04/02 126 users メルカリ Note 前置き トレース デザインチュートリアル

(*この記事はデザイン未経験者や、非実務経験者の方に向けた実践記事です。) ✏️目次(再掲) 0. 前置き 1. メルカリとは 2. UIトレースをしてみる 3. デザイン観点の追加と、トレースの調整 4. 実際にメルカリのデザイナーに聞いてみた 5. まとめ・終わりに 0.前置き こんばんは、ココディーです。 前回、こんな記事を書いて、デザイナーや、デザイナーに未経験からなったという人達から、た... 続きを読む

FOLIOスマホサイトのUIトレースをやって気づいたこと｜mottox2｜note

2017/12/29 36 users mottox タイポグラフィ トレース Note HTML

@mottox2 です。先日FOLIO PC版のUIトレースをやりました。PCだけでもかなり学びがあったのでスマホ版のUIトレースもやってみました。 イケてる証券サービスFOLIOのトレースをして気づいたこと トレース結果 気づいたこと カラーやタイポグラフィ、テーマの見せ方に関しては PCの記事の方 でまとめたのでPCとスマホでの差に注目してトレースしました。 このページ のHTMLはスマホ・P... 続きを読む

イケてる証券サービスFOLIOのトレースをして気づいたこと｜｜note

2017/12/24 45 users トレース Note イケ Instagram mottox

フリーランスでWebサービスを作っている @mottox2 です。 最近noteでUIデザインの人がトレースしている記事をよく見ます。その度に強そうな人がUIトレースをすすめるようなコメントを見るので物は試し自分もやってみることにしました。 トレースの題材としては最近（自分の中で）話題な証券会社FOLIOのサービスを選びました。 -> folio-sec.com TwitterやInstagram... 続きを読む

【sketch】TwitterのUIトレースをして気がついた事｜マサキ｜note

2017/12/07 426 users Sketch Twitter まさき Note 近道

初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽で... 続きを読む