マガジンのカバー画像

UI

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

#UI

ゲームUI開発でリードUIデザイナーになる3通りの成長軸

ゲームUI開発でリードUIデザイナーになる3通りの成長軸

一つの職種を続けていると、いつか必ずぶち当たる壁が

自分の成長や方向性、だと思います。(当時の僕もそうでした。)

今まで、
運用や開発に数多く関わらせてもらったり、
学生や新卒教育での経験を通して
リードデザイナーの主な質は3通りに絞れると思ってます。

なので、
2×2の簡易マトリクスにしてみました。

今回は①②③について書きます。

##.1運用タイトルのディレクションリーダー

こちら

もっとみる
知覚フレームを無視したダメなUIデザインの実例

知覚フレームを無視したダメなUIデザインの実例

人が物事を判断する際、必ず認知バイアスが影響します。

認知バイアスは簡単に説明すると、経験などから来る思い込みと言い換えることができます。

例えば分かりやすいUIデザインに大きく影響のあるバイアスとして知覚フレーム(あるいはパターン)が存在します。

知覚フレームというのは経験や知識などを元に作られた自分の中にある枠組みを指します。

例えば初めて訪れた友人宅で、トイレを借りるとします。その時

もっとみる
チャットのUIパターンまとめ

チャットのUIパターンまとめ

大変ご無沙汰してます!

久しぶりの投稿になりますが、今回はタイトルにもある通り、チャットのUIパターンについて考えていきたいと思います。

僕自身、いろんなアプリでチャットをする機会があります。

「どれも似たような吹き出しのデザインだよねー」

で終わらせてはいけません!

しっかり考察することで、実際に自分がチャット画面をデザインするときに、迷いなく自分の中で明確な理由を持ってデザインするこ

もっとみる
デザイン思考とサービスデザインとUXデザインとUIデザインの違い

デザイン思考とサービスデザインとUXデザインとUIデザインの違い

前回の記事でアイデア出しの基本姿勢を書きます〜と予告をしておきながら、先に書きたいことできたのでテーマを変えまして…今日はタイトルにもなっている、デザイン思考とサービスデザインとUXデザインとUIデザインの違いについて書きます。

というのも今朝、同僚とのSlackで話題になったものでして。もう広まって何周かしているこれらの言葉ですが、知れ渡ってる割にどれも結構抽象度の高い言葉なので意外と区分けが

もっとみる
オンボーディングまとめてみた

オンボーディングまとめてみた

どうすれば新規の定着率は伸びるのか。
サービスの良さがより伝わるのか。

全ユーザーに影響を与えるオンボーディング。自分なりに UI をまとめたのでアップします。

また、今回は UI パターンの前に「オンボーディングとは」の定義からはじめました。概念があいまいに感じたので。ちょっと長いですが、お付き合いいただけると嬉しいです。

オンボーディングとはアプリにおける オンボーディング は 新規ユー

もっとみる
CookpadMartでデザイナーとして働いて学んだコト

CookpadMartでデザイナーとして働いて学んだコト

こんにちは、休学してデザイナーをしているTORAJIRO(@jirosh1998)です。スタートアップでデザイナーをしております🐅🐃🦒🐘🐪

昨年のサマーインターンをきっかけに、3ヶ月ほどクックパッドの新規事業である『クックパッドマート』のチームで働かせてもらったので、そこでの学びをスタートアップ経験しかない自分の視点から振り返ってみようと思います。

クリスマスに最終出社し、「2019

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

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

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

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

もっとみる
UIデザイナーが理解すべきプラットフォーム原則とは

UIデザイナーが理解すべきプラットフォーム原則とは

本記事はUIデザイナーがプラットフォーム原則を理解し学習する必要性と意義についてまとめたものです。初学者には勉強の仕方・勉強する意義自体がわかりにくい領域だと思うので、その助けになれば幸いです。

プラットフォーム原則とはデジタルプロダクトの世界においては、OSなどのプラットフォームでベンダーが公式に推奨しているルールなどについて指すことが多いです。アプリケーショを作成する上でのUIコンポーネント

もっとみる
UIのお作法。28個の「〇〇できそう感」をまとめました。

UIのお作法。28個の「〇〇できそう感」をまとめました。

UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。

1、進めそう感

時間の流れは左から右に表現します。右矢印は次、進む、

もっとみる
デザイン初学者がUIトレースを1ヶ月続けてみた

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

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

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

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

もっとみる
本当は教えたくないUIデザイン学習の参考にしているInstagram(インスタグラム)アカウント

本当は教えたくないUIデザイン学習の参考にしているInstagram(インスタグラム)アカウント

良いUI/UXデザイナーになるには、他人が作ったデザインを見るのが大切だと、多くの国内外のデザイナーさんたちは言っています。

僕もそれに倣い、UI/UXデザインを学び始めて約2ヶ月ですけど、ほぼ毎日他人のUIデザインを見ています。

他人のデザインが見れるサイトで代表的なのは、以下の3点でしょうか。

■ Dribbble
■ Behance
■ Awwwards

これらのウェブサイトやアプリ

もっとみる
副業を再開して、1年でスタートアップ10社を手伝った

副業を再開して、1年でスタートアップ10社を手伝った

(2018年が明けてFOLIO創業から2年が経ち、ようやく土日働かなくてよくなったので)副業を再開してから、1年が経ちました。

そこから数えて合計10社のお手伝いをしたことになります。

楽しそうな案件が多くどうしても手伝いたくてずっと複数社同時に抱えていたし、デザインシップの立ち上げ もやってたし、結局FOLIOも平日は死ぬほど忙しかったので、この1年はかなり無理をしたように思います。

自分

もっとみる
若手デザイナーの僕がdailyuiをオススメする理由

若手デザイナーの僕がdailyuiをオススメする理由

note初投稿です。
駆け出しデザイナーの福田というものです。
DailyUIを完走したことで思ったことや、力になったことなどを皆さんにご共有できればと思います。

DailyUI公式サイト → https://www.dailyui.co/

使ったデザインツール
→sketch(メイン)
→Figma(サブ)
→Illustrator(イラスト等)
→Photoshop(少々)

AGENDA

もっとみる