マガジンのカバー画像

UIトレース

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

記事一覧

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

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

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

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

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

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

もっとみる
なんでなん?XDデザインのフォント行間/文字送りとCSSの違い。

なんでなん?XDデザインのフォント行間/文字送りとCSSの違い。

こんにちはSHIKAです。

始めてのLP改修作業に追われて連続更新が止まりそうでしたがピンチはチャンス。

困った経験をまとめりゃいいじゃんって事で今日はそんな話題。

間違ってる事も結構あるかもです。有識者のご意見アドバイスとかいただけたらめちゃくちゃ嬉しいです。

それは本題。

LP改修とかLP制作でデザインデータをAddobeXDで渡されたりするけどフォントサイズあわせても行間とか全く合

もっとみる
Webデザイナーへの道〜UIトレースってなぁに?編〜

Webデザイナーへの道〜UIトレースってなぁに?編〜

株式会社ゴーリストで、この1月からデザイナーとして働き始めた伊藤です。わたくし、実はですね……今まで紙媒体関係のデザインはやったことがあるのですが、……Web関係のことは一切触ったことがないんですよね!入社早々から、こ〜れは駄目だ!となりまして、Webデザイン関係のことをちゃんと勉強することにしました。しかしながら、Webのことなどほとんど知らない、超ド級のWebデザイン初心者の伊藤さんは、これか

もっとみる
UIデザイン初心者がキュレーションメディアを1ヶ月間トレースしてみた!

UIデザイン初心者がキュレーションメディアを1ヶ月間トレースしてみた!

こんにちわ!現在大学3年でモスティープレイスという会社でデザイナーのインターンをしています、田島美鈴 @abcmisuzuです。

この記事では、デザイン初心者がキュレーションメディアのUIトレースをしてみてのどんな気づきがあったのかや、どんな成長が実感できたかを書いていきます。

UIトレースを始めたキッカケ現在デザイナーとしてお仕事を初めて3ヶ月が経ちましたが、これからの自分の将来像につい

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

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

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

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

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

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

もっとみる
100日続けたDaily UIの記録

100日続けたDaily UIの記録

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

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

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

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

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

こんにちは。

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

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

左(背景が白):アプリのキャプチャ 右(背景がライトグレー):トレース

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

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

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

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

もっとみる
UIトレースの学びを振り返る - キレイに真似るから次のステップへ

UIトレースの学びを振り返る - キレイに真似るから次のステップへ

最近、今年話題になったサービス(CASH・timebank・FOLIO)のLPをトレースをしていました。独学でデザインを始めた当初もwebサイトやアプリのトレースを行なっていましたが、今回のトレースは今までと違うやり方にトライし、学びが多かったのでnoteに書くことにしました。

実際にトレースしたもの元々、CASHさんのデザインがとても好きだなと思っており、「シンプルだけど、伝えたいメッセージが

もっとみる
【sketch】TwitterのUIトレースをして気がついた事

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

もっとみる

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

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

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

もっとみる