マガジンのカバー画像

UIトレース

21
本
運営しているクリエイター
GORIN

#デザイン

kaho nagao

kaho nagao

【新卒2年目ウェブデザイナー】6月後半〜7月の学習記録まとめ

【新卒2年目ウェブデザイナー】6月後半〜7月の学習記録まとめ

こんにちは、ウェブデザイナーのかほです。

このnoteを書いてるということは、、、もう7月が終わったなんて信じられませんね。本当に1ヶ月って早いなあと最近思っています。

それに、これは私だけかもしれないのですが、今年は例年に比べて全然暑いとは思わないです。なので気分的にはまだまだ全然6月です！

さて、今回のnoteも前回と同様、この1ヶ月どんな勉強をしたかを記録します。誰の得にもならない様な

もっとみる
yusuke

yusuke

ビジネス構造 , 実装方法まで探る徹底したUI/UXトレース分析　〜Ubereats編〜

ビジネス構造 , 実装方法まで探る徹底したUI/UXトレース分析　〜Ubereats編〜

今年ももうすぐ終わりですね。
昨日が仕事納めで落ち着いたので、noteを更新したいと思います！

今回は、入社直後の会社の研修でやらせていただいたUI/UXトレース分析についてです。この研修をやらせていただいたことで個人的に凄く知見が増えました。

そこで、会社にnoteで発信していいか聞いたところ快く承諾してくださったのでまとめてみました。

私が就職前にやっていたUIトレースでは、画面のトレー

もっとみる
灰色ハイジ

灰色ハイジ

100日続けたDaily UIの記録

100日続けたDaily UIの記録

あーーー 2018年中に終わって良かったーーー

Daily UIという、メールアドレスを登録すると毎日お題が送られてきてそのUIをデザインするというチャレンジ企画があるのですが、去年の今頃はこれを途中で辞めてしまっていたのでした。

私の投稿をみてDaily UIを始めた人が立派に完遂するというのに何というふがいなさ...。これはよくないな、ということで再開したのが今年の9月頃。再びできなかった

もっとみる
hitomi nabeno

hitomi nabeno

ORIGAMI Payアプリをトレースして気づいたこと

ORIGAMI Payアプリをトレースして気づいたこと

こんにちは。

本日は、水原希子さんとビビッドなオレンジの広告で宣伝されている、「ORIGAMI Pay」がずっと気になっていたので、アプリのトレースをしてみました。
気づいたこと、個人的に学びになったことをまとめていこうと思います。

今回はアプリの登録画面、トップページのコンテンツについて、トレーシングをしました。

左（背景が白）：アプリのキャプチャ　右（背景がライトグレー）：トレース
※

もっとみる
スギウラトモコ / Fenrir Inc.

スギウラトモコ / Fenrir Inc.

美大卒でもない私がCIやBI、ロゴやブランディングが得意なデザイナーになれたのかという話

美大卒でもない私がCIやBI、ロゴやブランディングが得意なデザイナーになれたのかという話

これは フェンリル デザインとテクノロジー Advent Calendar 2018 17日目の記事です。

このアドベントカレンダーを書くにあたって、ロゴの話を聞きたいという声を複数いただいたこともあり、漠然とロゴのカーニングのことでも書くかなぁと思ってぼちぼち準備していたのだが、コリスさんで デザインの基本: フォントのカーニングとは、カーニングの基本的なやり方 という私が書きたかったことの3

もっとみる
Masaki

Masaki

【sketch】TwitterのUIトレースをして気がついた事

【sketch】TwitterのUIトレースをして気がついた事

初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。

UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。

このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手

もっとみる
satoshi@渋谷IT企業

satoshi@渋谷IT企業

これからデザイナーを目指す人にオススメするサービス３選(2020/04/30追記)

これからデザイナーを目指す人にオススメするサービス３選(2020/04/30追記)

こんにちは、渋谷でIT企業運営中の田村でございます。

昨今テクノロジーの普及により、デザイナーの働き方も大きく変化してきました。

今や時価総額のランキング上位はUXに力を入れている企業ばかりです。
商品に顧客が合わせるのではなく、顧客に商品が合わせる時代になってきたと改めて実感しております。

デザイン思考、デザイナーの役割がさらに重要視されてきておりますね。

そこで、今回はデザイナーをこれ

もっとみる
たけてつ

たけてつ

UIデザイナーの能力開発ステップと鍛錬方法

UIデザイナーの能力開発ステップと鍛錬方法

先日、経済産業省・特許庁の「デザイン経営」宣言もあり、デザインの重要性が話題になることが増えました。具体的には組織だったり、評価・報酬だったり、採用・育成だったり、多岐に渡っていると思います。
一方で「デザイナーがいない。」とよく聞きますし「誰かいない？」と相談も頂きます。そして、僕は、デザイナーの人口が増えて活躍することができれば、より良いプロダクトやサービスが溢れ、世の中はより良い方向に変わっ

もっとみる
hitomi nabeno

hitomi nabeno

Netflixアプリをトレースして気づいたこと

Netflixアプリをトレースして気づいたこと

こんにちは、お久しぶりです。
久しぶりにUIトレースについて気づいたことをまとめようと思い立ち、書いています。

本日はNetflix スマホアプリデザインの勉強の一環として、UIトレースをしてみたので、そこで気づいたことまとめようと思います。

※私は「テラスハウス」大好き芸人です。YOUさんと徳井さんのやりとりのファンです。

この note が目に止まった皆さんにも、何か新しい気づきがあると

もっとみる
小島 南

小島 南

久しぶりの投稿とUIトレース (1)

前回の投稿からかなり日数があいてしまった。WEBデザイナー(UI/UXも含め)になる事を目標とし始めたこのnoteだが、
正直な所を言うと前回のnoteを書いてから心が折れてしまっていた。

noteに投稿をしていない間は
HTML/CSS,jQuery等のコーディングについて学んだり、知り合いのお店のサイト作りなどに時間を割いていた。
しかし、学習を行なっていく上で自分の中で的確な学習が行えてい

もっとみる
mai

mai

お洒落サイトをトレースしてみた【実践編】

お洒落サイトをトレースしてみた【実践編】

こんにちは。デザイナーになりたい神戸の新社会人m（@maima_1107）です。まるまるしたねこを一匹飼っています。

前回noteで、「なるほどデザイン」に出てくるデザインのプロセス
①デザインの方向性を考える
②骨格をつくる
③キャラを立てる
④足し算、引き算をする
⑤ブラッシュアップ
を参考にして、トレース、分析、言語化を行いました。

🎨前回：お洒落サイトをトレースしてみた【第一弾】ht

もっとみる
yudai

yudai

Twitterアプリをトレース＆ガチ考察してみた

Twitterアプリをトレース＆ガチ考察してみた

UIデザインの練習として、Twitterアプリのトレースをしたのですが、ググってみると「Twitterアプリをトレースしてみたよ！」という記事が山のように出てきました。
普通にトレースしてもなんの面白みもないですし、
誰にも負けたくないので、

自分なりの“ガチ考察”で、自分のインプット量を増やそうと考えました。
それではいきましょう。

（この記事を読んでいただいた先達さんで「それはちげえぞ！」

もっとみる
きなこ

きなこ

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

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

こんにちは、今回がはじめてのnote投稿になります！

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

あくまでも自分なりの見解であ

もっとみる
きなこ

きなこ

UIデザイナーになるまでの転職活動をまとめてみた

UIデザイナーになるまでの転職活動をまとめてみた

こんにちは、お久しぶりです。
今回は、銀行員からUIデザイナーとして採用されるまでをまとめたいと思います〜。
今回わたしはSNS就活の道を選びました。そのため経過などをあまりお伝えしていなかったので、デザイナーを志した理由から一連の流れまで、超赤裸々に書きました....！

あと、ちょうど開催中のデザイナードラフトにも少し触れてみました。

転職活動前、色々な方の記事を参考にしたので、自分の体験談

もっとみる