マガジンのカバー画像

デザイン

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

記事一覧

初心者のUIデザイン勉強📝(毎日UIトレース練習30日間~)

初心者のUIデザイン勉強📝(毎日UIトレース練習30日間~)

最近UI・UXデザインの勉強を始めました!

私はこれまでグラフィック系の勉強をすることが多く、UIデザインについての知識が全くなかったため、まずは少しずつでも触れていくことが大切なのではないかと考えました。
大学の授業で軽く触れたことはあったものの、科目としては無かったため独学で勉強していますが、とても難しい…

本当にまだまだ勉強不足ですが、記録としてこのnoteにまとめてみたいと思います!

もっとみる
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

こんにちは!i3DESIGNデザイナーチームです。
今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。

マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。

「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめていま

もっとみる
【バナー広告】少しの工夫でCTR改善!?  やってみたいバナー派生事例5選

【バナー広告】少しの工夫でCTR改善!? やってみたいバナー派生事例5選

こんにちは!B-SOKU広報チームです。
突然ですが、日々のバナー広告制作や広告運用で、こんなお悩みありませんか?

「バナーを作ったのはいいけれど、なかなか効果が出ない…」

「でもまたイチから別のバナーを作る時間も、訴求を考える手間も、お金も惜しい……」

「効果が出ないからといって、せっかく作ったバナーをお蔵入りさせるのはもったいない……」

そんなお悩みをお持ちの方々にぜひ試していただきた

もっとみる
作業が捗る!Figmaで便利なプラグイン5選

作業が捗る!Figmaで便利なプラグイン5選

こんにちは、Financial Design 1チームです。
Product Design室では、UIデザイン作業用のツールとして次第にFigmaを使用するデザイナーの比率が高まっています。
FigmaはWebベースでリアルタイムに協業できる機能を持っているため、在宅勤務の割合が高くなった現在の働き方に適しており、これまでデザイナーたちが使ってきたツールと使用方法が似ているので、広く使われるように

もっとみる
GW直前企画!LINEのデザイナーたちのおすすめデザインスポット16選

GW直前企画!LINEのデザイナーたちのおすすめデザインスポット16選

こんにちは!
LINE CREATIVE CENTER note編集部です。

明日からゴールデンウィークという方が多いと思いますが、みなさんはどんなふうに過ごしますか?
どこかに出かけたいけど、行き先が決まっていない!と考えている方に向けて、LINEのデザイナーが本気でおすすめするデザインスポットをご紹介します。

なお、お出かけの際は感染症予防に十分ご配慮ください。

関東エリア21_21 D

もっとみる
LINEデザイナーがチェックしているグローバルIT企業のデザインブログ3選

LINEデザイナーがチェックしているグローバルIT企業のデザインブログ3選

こんにちはAdvanced Designチームのキム・ジヘです。
突然ですが、皆さんが毎日1回以上使用しているWebサービスは何でしょうか?
私たちの日常に深く浸透し、暮らしの質を向上させたサービスはたくさんあり、さらにそれらはメディアにも匹敵する影響力をもっています。そのようなサービスがどのようなプロセスを経て制作され、そのデザインを担当したデザイナーはどのような考え方を持って仕事をしているのか

もっとみる
LINEのUIデザイナーが参考にするWebデザインギャラリーサイト6選

LINEのUIデザイナーが参考にするWebデザインギャラリーサイト6選

こんにちは、UIデザイン4チームのイ・ジヘです。 今回は、LINEのUIデザイナーたちが日々参考にしているデザイン系のウェブサイトをご紹介いたします。

特にスマホのUIデザインは2007年、iPhoneが世に出た後から本格的に注目され始めたと言えるでしょう。 そう考えると歴史がまだ12年くらいしかないないんですね。さらに、用語さえもUI DesignとProduct Designが混用されている

もっとみる
これからFigmaを始める人にオススメの記事まとめ

これからFigmaを始める人にオススメの記事まとめ

最近よく聞かれるのと、ニーズがありそうだったので、Figmaのおすすめ記事をまとめました

Figmaの概念、考え方の記事Figmaを使った 『ペアデザイン』 という革命
https://note.mu/oathkite/n/na255d4557fbc

Figmaを使って開発チームの生産性をあげるプロダクトマネジメント
https://blog.tsubotax.com/n/n58b33ccee

もっとみる
UIデザイン力を鍛えるリデザインの勧めとコツ

UIデザイン力を鍛えるリデザインの勧めとコツ

Twitterでクラシルのリデザインの題材として使って良いとつぶやいたら数名からリデザイン案をもらえました。ありがとうございます!

リデザインは、デザインの基礎スキルを身につけられると思うので、どんどんやったら良い派ですが、リデザインする際は何かにフォーカスすると振り返りしやすく技術を積み上げやすいです。

今回は、僕もクラシルのリデザイン案を作りつつそのコツを書いてみたので参考になればと思いま

もっとみる
#アプリ模写100本ノック

#アプリ模写100本ノック

「アプリ模写100本ノックはいいぞ」というツイートしたら、思ったより反響があったので、やり方をまとめました。
#アプリ模写100本ノック とはUI模写といえば、Figmaなどを使って1pxレベルで再現するものをやっている方は多いんじゃないでしょうか。(こちらも学びになるので、興味のある人ははるたんの記事などを見てみてください)

骨格を即興で模写する

今回の「アプリ模写100本ノック」では、骨

もっとみる
『アプリ模写100本ノック』を完走しました!成長したことと意識したこと

『アプリ模写100本ノック』を完走しました!成長したことと意識したこと

はじめまして。親子のための情報メディア『いこーよ』のUIデザイナーをしております、センダと申します。🙋

つい先日、#アプリ模写100本ノック を完走しました。トレーニングを通しての学びや気づきが誰かの役に立つと良いなと思い、noteにまとめます。✍️

※模写の写真を実例としてアップしていますが、人に見せることを想定していません、悪しからず・・・

アプリ模写100本ノック とはアプリ模写10

もっとみる
フェムテックモバイルアプリのUIデザイン(自主制作)

フェムテックモバイルアプリのUIデザイン(自主制作)


💡サマリー制作の概要

①月経管理と②生理用品のサブスク(自動で届く定期便)の2つの機能で、月経管理の負担を軽くするサービスを考え、モバイルアプリを1.5ヶ月程度で自主制作しました。

(1)新規登録〜初回入力

(2)月経記録の入力(トップから)

(3)月経記録の入力(カレンダーから)

(4)生理用品のサブスクのLP〜定期便診断

上記の4つのフローのUIを制作しました。

制作にあたっ

もっとみる
AsobicaのUIデザイナーが効率化と品質向上のためにやったこと〜備忘録

AsobicaのUIデザイナーが効率化と品質向上のためにやったこと〜備忘録

こんにちは!2024年3月に株式会社AsobicaにジョインしたUIデザイナーのマドカです。

今日はAsobicaデザインチームのnoteリレーで、我らのこーちゃんから炎のバトン❤️‍🔥を受け取り、今回私が執筆します〜🏃‍♀️

こーちゃんの素敵な記事はこちら👇まだの方はぜひ!

さて何を書こうかな〜と迷ったのですが、今回はAsobicaのUIデザイナーがデザイン制作の効率化と品質アップに

もっとみる
もっと早く知りたかった構造理解のためのUIトレースプロセス

もっと早く知りたかった構造理解のためのUIトレースプロセス

こんにちは、ohaです。

このnoteでは、UI UXデザインを勉強中の私が、事業会社にジョインして「もっと早く知りたかった!」と唇を噛んだ表層だけでなくUIの構造がわかるUIトレースの方法を書いています。

特に、UI UXデザインを学び始めた初学者の方、私のように非美大卒でデザインの勉強をどこから始めたらいいのかわからない、、という方に読んでいただけたらなと思います。

※注釈※
UIトレー

もっとみる