【新連載・イカしたUIを見る】vol.1 こんなの見たことない！と感動したUI｜Goodpatch Blog グッドパッチブログ

2024/06/25 172 users Goodpatch Blog グッドパッチブログ 新連載

こんにちは！UIデザイナーのsugasoとharuです。UIデザインの面白さ（沼とも言う）にハマってしまった私たちは、定期的に「イカしたUIを見る会」（以下、イカ会）という課外活動を行っています。 イカ会では、最近触ったアプリや発見した魅力的なUIを共有し、普通なら見逃してしまうであろうデザインのこだわりや、ハート... 続きを読む

UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ

2024/02/22 170 users ペイジ 海外

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名な... 続きを読む

もっとも注目されたUIデザインのテクニックの総まとめ

2023/06/15 157 users UIデザイン テクニック 総まとめ スマホアプリ 知識

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 これまでの中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of the Best by Marc Andrew 下記は... 続きを読む

2022年、もっとも注目されたUIデザインのテクニックのまとめ

2022/12/13 170 users UIデザイン テクニック UX Micro-Tips まとめ

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 2022年に公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2022 by Marc Andrew 興味... 続きを読む

2022年上半期、注目されたUIデザインのテクニックのまとめ

2022/09/01 208 users UIデザイン テクニック 2022年上半期 まとめ 知識

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 2022年上半期に公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2022 by Marc Andrew... 続きを読む

2021年、最も注目されたUIデザインのテクニックのまとめ

2021/12/22 461 users UIデザイン テクニック UX Micro-Tips まとめ

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各... 続きを読む

NewsPicks UIデザイナーのFigma利用フロー大公開！｜つづく（ひらい）ともこ | mokataaan｜note

2021/12/14 124 users ひらい ともこ 本題 CtoCサービス ヤフー

自己紹介NewsPicksでUIデザイナーをしております。つづく（ひらい） ともこと申します！ 初note投稿なので、本題に入る前に軽く自己紹介をさせていただきますm 2016年に武蔵野美術大学デザイン情報学科卒業後、ヤフー株式会社に新卒デザイナーとして入社しました。 ヤフーでは広告管理ツールのUIデザインやCtoCサービス... 続きを読む

個人的UIデザインの情報源まとめ

2020/10/13 707 users UIデザイン エンジニア デザイナー 情報源 ヤツ

どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドライン... 続きを読む

UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | knowledge / baigie

2019/12/23 650 users Knowledge baigie 海外

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名な... 続きを読む

UIデザイナーから学ぶ！今までのカラーシステムと一貫性を保ちつつ、ダークモードに対応する方法を解説 | コリス

2019/10/01 147 users 領域 デザイナー 要件 両方 新しい配色

デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。 今までのカラーシステムと一貫性を保ちつつ、ダークモードの新しい配色を簡単に適用できるようにするカラーシステムを作成する... 続きを読む

Adobe XDがSketchよりも優れている理由 | コリス

2019/09/19 56 users コリス Sketch 勢い Adobe XD 周り

最近、私の周りでもAdobe XDを使用する人が増えてきました。特に日本では、SketchユーザーよりAdobe XDユーザーの方が勢いがあるように感じます。 SketchとAdobe XDを長きに渡り使用し、その結果Adobe XDを使用することにしたUIデザイナーの比較記事を紹介します。海外だとSketchの方が多く感じてましたが、そういう流れ... 続きを読む

UIでも必要な錯視への考慮、デザイナーが行う視覚調整 | Goodpatch Blog

2019/06/05 138 users goo デザイナー 視覚調整 錯視 錯覚

視覚調整は、人間の脳に対して視覚的なアプローチをとることが多いデザイナーにとって大切なスキルです。 今回は、UIデザイナーが行う視覚調整の主な例を紹介していきます。 視覚調整とは 視覚調整とは、人間の錯視（目の錯覚）を考慮したデザインの調整のことを指します。 身近な企業ロゴに施されていることも多く、Goo... 続きを読む

UI用のアイコンが1,400種類以上！商用でも完全無料で利用できる、シンプルなアイコン素材 -Remix Icon | コリス

2019/04/18 231 users SVG コリス デベロッパー アイコンフォント クライアント

商用でもクライアントのプロジェクトでも完全無料で利用できる、UIデザイナーやデベロッパーのためのアイコン素材を紹介します。 アイコンのアイテムはなんと1,441種類！ SVG、アイコンフォント、そしてPowerPoint...記事の続きを読む 続きを読む

1冊は持っておきたい！UIデザインや人間の認知についてしっかり学べるデザインの解説書 -UIデザインの教科書 | コリス

2019/02/01 90 users ロジック ディレクター コリス かなり 一冊

UIデザインの考え方を学びたい、UIデザインを説明するためのロジックを学びたい、使いやすい・分かりやすいとは具体的にどうデザインすればよいのか、そんな人にかなりお勧めの一冊を紹介します。 UIデザインや人間の認知について知りたいことがすぐに分かり、役立つと思います。 UIデザイナーやディレクターだけでなく... 続きを読む

チームの症状と処方の考察｜Megumi Kaneko｜note

2019/01/30 604 users Note 処方 考察 クライアントワーク 症状

はじめに自己紹介を少しさせてください。 私はクライアントワークで約30名規模の開発チームに1年間ほどジョインしていました。役割は5〜10名のエンジニアで構成されるチームのプロダクトオーナーとしてだったり、UIデザイナーとPMのチームのスクラムマスターとしてだったり、色んな形でチームに接してきました。 その中... 続きを読む

2018年 UIデザイナーが読んでよかった本 7冊｜kassy｜note

2018/12/25 408 users お供 コンピューター あっという間 年末年始 デザイン

こちらはInHouseDesigners Advent Calendar 2018の23日目の記事になります。 UIデザイナーのkassyです。あっという間に年末ですね。 今回は、今年読んで良かったUIデザイン関連の本を中心に紹介したいと思います。気になる本があったら、年末年始のお供にぜひどうぞ！ 1. 『融けるデザイン』コンピューターなどがますま... 続きを読む

UIデザイナーの能力開発ステップと鍛錬方法｜たけてつ / Studio Opt｜note

2018/09/02 389 users Studio Opt たけてつ Note

先日、経済産業省・特許庁の「デザイン経営」宣言もあり、デザインの重要性が話題になることが増えました。具体的には組織だったり、評価・報酬だったり、採用・育成だったり、多岐に渡っていると思います。 一方で「デザイナーがいない。」とよく聞きますし「誰かいない？」と相談も頂きます。そして、僕は、デザイナー... 続きを読む

UIデザイナーのためのMaterial Designの理解と実践 // Speaker Deck

2018/05/27 82 users Speaker Deck Material Design

All slide content and descriptions are owned by their creators. 続きを読む

スプラトゥーン、みまもりSwitchなど任天堂のUI/UXデザイナーさんによる「“娯楽”を追求するUIデザイナーの仕事とは」 #uicrunch - Togetter

2018/04/28 399 users 娯楽品 Togetter UICrunch 実用品 日々

リンク connpass 1621 59 users UI Crunch #13 娯楽のUI - by Nintendo - (2018/04/27 19:00〜) ## “娯楽”を追求する、UIデザイナーの仕事とは 私たちは日々、実用品と娯楽品に囲まれて生活しています。どちらも生活に大切なもの。 今回は"もっと便利に"を追求するのではなく、"もっと楽しく"を追求する、UIデザイナー3名を任天堂か... 続きを読む

基本機能からプロトタイプ制作まで！用途別・Sketchのおすすめプラグイン50選 | Goodpatch Blog

2018/04/17 82 users プロトタイプ制作 Goodpatch Blog Sket

ナレッジ・ノウハウ共有 2018-04-17 UIデザイン おすすめツール・サービス 基礎シリーズ 基本機能からプロトタイプ制作まで！用途別・Sketchのおすすめプラグイン50選 こんにちは、UIデザイナーのサイです。私が普段のデザイン作業で使っているツールはいくつもありますが、使う頻度がもっとも高いのは Sketch です。UIデザインに特化した機能のほか、便利なプラグインがあることもSket... 続きを読む

UI Crunch #13 娯楽のUI - by Nintendo - - connpass

2018/03/28 55 users connpass Splatoon Nintendo 娯楽

“娯楽”を追求する、UIデザイナーの仕事とは 私たちは日々、実用品と娯楽品に囲まれて生活しています。どちらも生活に大切なもの。 今回は"もっと便利に"を追求するのではなく、"もっと楽しく"を追求する、UIデザイナー3名を任天堂からお迎えし、 「Splatoon」 や 「Nintendo みまもり Switch」 などの事例を交えながらお話いただきます。 子どもから大人まで楽しめる娯楽の裏側には、ど... 続きを読む

デザイナー向け認知科学／認知心理学の入門書｜yoshi_design｜note

2018/01/18 736 users yoshi_design Note 認知心理学 入門書 太字

テキスト版（太字が書名） 書影入り、リンク付きは こちら 。 若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし... 続きを読む

山﨑 理さんのツイート: "昔、小ぶりなスポーツカーを売り出したところ大変な人気になりました。その中で消費者から「小さくてモノが積めない、馬力がほしい」の声があったので、次の

2018/01/17 97 users 馬力 フォトグラファー スポーツカー ツイート 消費者

山﨑 理 @ yamazaki_design UIデザイナー／グラフィックデザイナー／フォトグラファー／有限会社イメージダイブ代表／女子美術大学非常勤講師。お仕事のご相談はウェブサイトよりご連絡ください。 日々のつぶやきはこちら → @ ymzkosm 続きを読む

Sketchでデザインしながらガイドラインを作ろう｜カミソル｜note

2017/12/18 102 users Sketch Note 部署 ガイドライン 受託事業

はじめまして。UIデザイナーの カミソル です。 わたしはOHAKO.incの受託事業の部署でサービスの体験設計からUIデザインをしています。 今回はSketchのSymbol機能を使って、デザインしながら効率よくガイドラインを作る方法について書きたいと思います！ ※この記事は Sketch Advent Calendar 2017 19日目の記事です。 なぜデザインしながらガイドライン化したいの... 続きを読む

2017年、デザインガイドラインについて考える。｜Yuya Remmy Furusato｜note

2017/11/27 393 users デザインガイドライン root エンジニア UXデザイン 注力

株式会社rootのUIデザイナーの古里祐哉です（ @remmyfurusato ）。 rootでは、サービスの立ち上げやリニューアルに伴う、UI/UXデザインをご支援しています。 さて、今年を振り返えると 「デザインガイドラインに注力した」 年でした。デザインガイドラインを必要とされるクライアント様には共通点があります。 ・レイアウトパターンやパーツの使い方が定義されていないで、設計者やエンジニア... 続きを読む