マガジンのカバー画像

design

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

#UIデザイン

デザインの観察、分解

デザインの観察、分解

わたしはデザイナーとして活動しはじめてから約 20 年間、やり方を変えながらほそぼそとデザインの観察と分解を続けています。きっかけは広告のデザインをしていたときで、先輩が作った広告を対象にして「なんでこうしているのか」を掴みたいと考えていたのだったなと憶えています。とにかく引き出しを増やしたかったんですね。もっと知見を増やして引き出せるようにしたいのは今も同じです。

現在は、アプリやウェブサービ

もっとみる
リモートでのデザインレビューの進め方を考えてみた話

リモートでのデザインレビューの進め方を考えてみた話

スマホゲーのUXデザイングループに所属してます、いたくらです。

画面改修案件で、12人(レビュアー7人/担当者5人)の規模で1hのリモートデザインレビューMTGをファシリテーションしました。

緊張でだいぶ挙動不審なファシリテーションになりましたが、その際自分が工夫したことのメモです。

1. MTGについて
■ この時のMTGのゴール

次のレビューに向けてプロト案が作成できるよう、ある程度

もっとみる
UXデザインを学ぶデザイナーが絶対に読むべきnote厳選21本

UXデザインを学ぶデザイナーが絶対に読むべきnote厳選21本

去年書いたこちらの記事で実は「UXデザイン」というカテゴリーもつくる予定だったのですが、それだけで3、4つだけ選ぶのが難しいぐらい神noteが存在していたので、今回はUXデザインのみで記事をまとめてみました。

これからUXデザイナーを目指す方や現役UXデザイナーの方はもちろん、全ての方に学びになることが書かれているので、ぜひ読んでみて頂ければ幸いです。

1、SNS時代のマーケティングフレームワ

もっとみる
【2019年総まとめ】WebデザインギャラリーS5-Styleで秀逸だった国産サイト

【2019年総まとめ】WebデザインギャラリーS5-Styleで秀逸だった国産サイト

WebデザインギャラリーS5-Styleとは、通算7000以上のハイクオリティなWebサイトをキュレーションしているWebデザイナーのためのギャラリーサイトです。

2019年もたくさんのサイトをご紹介してきましたが、今回の記事ではその中でも国産限定に絞って特に秀逸なサイトをピックアップしてまとめてみました。ぜひ、冬休みのヒマなときにでもチェックしてみてください。

なお、ご紹介させてもらっている

もっとみる
Figmaの使い方、全力でまとめました。

Figmaの使い方、全力でまとめました。

最近、figmaを社内でも始めたのですがその魅力にドンドン引き込まれています。自身の学習も含め、これからfigmaを導入しようとする方の参考になればと思い使い方のまとめを作ってみました。
私はsketchをベースに開発することが多いのでsketch→figma視点で語ってる所が多いです。全力と言いつつ、まとめ切れていない所も多いので、不足しているところは随時更新していきます。

導入編アカウント登

もっとみる
スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流

スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流

前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。

本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。

巨大化し続けるディスプレイサイズ2007年に初めてiPh

もっとみる
他社アプリのUIをカンタンに考察してみる

他社アプリのUIをカンタンに考察してみる

こんにちは青野です。今回は私個人の取り組みを書きます。
去年の10月から週一で、他社アプリのUIのキャプチャを会社のSlackに貼っています。10月〜12月分、備忘録としてのまとめです。全部は載せきれないのでお気に入りを抜粋します。

目次
・Tinder(マッチング)
・Entale(podcast)
・SLOWLY(文通)
・SIX(ホテル予約)
・Ginco(仮想通貨)
・Brightmin

もっとみる
Zaim の要望改善フロー - Asana x GTD で要望を整理する #Zaim

Zaim の要望改善フロー - Asana x GTD で要望を整理する #Zaim

どうも、Zaim のデザイナーをしている、あきです。
デザイナーといっても、データ検証 〜 施策立案 〜 デザインと広くやってます。

今回は、Zaim の要望改善のやり方について書いてみます。

目次
はじめに
要望改善のフロー
 1.収集
 2.整理
 3.実行
おわりに

はじめにZaim では、ユーザーさんの意見をすごく大切にしています。ユーザーさんからのフィードバックには、ヒントが詰まっ

もっとみる
ざっくりわかるモバイルUI史〜UI GRAPHICSを読んで〜

ざっくりわかるモバイルUI史〜UI GRAPHICSを読んで〜

私たちが当たり前に使っているものにも、必ず「当たり前に使われるまでの過程」があり、僕らはそれを歴史と呼んでいます。

その歴史は、今あなたが覗き込んでいる画面の中にも例外なく存在しています。

あなたが今見ている「画面の中のデザイン」を、ITな人たちは「ユーザー・インタフェース(UI)」と呼ぶのですが、このUIのデザインにも、きちんと今のような形になるまでの歴史があるのです。

知ってましたか?

もっとみる
これまでのUber、これからのUber(Uber rebrand 2018)

これまでのUber、これからのUber(Uber rebrand 2018)

こんにちは、のっちです。

先日、Uberがリブランディングを行い、新しいロゴやタイポグラフィ、カラースキームなどがサイトにて披露されました。

「かっこいい!!」その一言で済ませても良かったのですが、Uberのようなユニコーン企業がリブランディングするということは、それなりの背景があり、それを体現したものとなっているはず。
今回は、近年のUberの動向やデザインの思想から、今回のリブランディング

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

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

フリーランスでWebサービスを作っている @mottox2 です。

最近noteでUIデザインの人がトレースしている記事をよく見ます。その度に強そうな人がUIトレースをすすめるようなコメントを見るので物は試し自分もやってみることにしました。

トレースの題材としては最近(自分の中で)話題な証券会社FOLIOのサービスを選びました。 -> folio-sec.com
TwitterやInstagr

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

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

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

もっとみる
(8/21-9/2)web,UI,グラフィック,CI,VI,私的見解を言語化する!

(8/21-9/2)web,UI,グラフィック,CI,VI,私的見解を言語化する!

だいたい前の週に見つけたWeb、UI、グラフィック、プロダクト、ジャケット、映像などのデザインを感想とともに掲載していこう思います。そうすることで直感的なアイディアやディスカッションに役立てていけることを目的としています。

概要
・あくまで僕が見つけたタイミングなので、新旧問わず掲載いたします。
・いつまでやるか、いつ更新するかは未定です。
・note書くときにリンクが辿れたもののみ紹介させ

もっとみる
UIデザインにおけるポートフォリオと成果物の乖離

UIデザインにおけるポートフォリオと成果物の乖離

@__timakin__です。エンジニアです。普段は基本的にクライアントやサーバーのコードを書きつつインフラ立てたりしますが、ぶっちゃけ一番好きなのがUIデザインだったりします。

ポートフォリオ作成前提のUIデザイン自分で何か作るものはUIデザインからやって、最近だとポートフォリオとして使えそうなものを適当に見繕ってdribbbleにあげたりし始めました。基本的に何か作るとき、国外に対して晒して

もっとみる