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にダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。 今までのカラーシステムと一貫性を保ちつつ、ダークモードの新しい配色を簡単に適用できるようにするカラーシステムを作成する... 続きを読む

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...記事の続きを読む 続きを読む

チームの症状と処方の考察｜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

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

スプラトゥーン、みまもり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名を任天堂か... 続きを読む

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

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

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

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デザインをご支援しています。 さて、今年を振り返えると 「デザインガイドラインに注力した」 年でした。デザインガイドラインを必要とされるクライアント様には共通点があります。 ・レイアウトパターンやパーツの使い方が定義されていないで、設計者やエンジニア... 続きを読む

UIデザイナーの私が4年間で学んだ、ダッシュボードのデザインで大切な26のこと - WPJ

2016/11/23 106 users WPJ メインデザイナー ダッシュボード 部署 作者

モバイルアプリ相互送客ツール「Tapdaq」のメインデザイナーであり、Dashboard UI Kitの作者として知られるJan Losertさん。4年間のダッシュボードデザインの経験からまとめた26のステップは、UI/UXデザイナー必読です。 過去4年間にわたってダッシュボードとアプリケーションのデザインを続ける中、プロダクトをさらに良く効率的なものにするために、いろいろな部署と付き合っていくこ... 続きを読む

【Sketch】TwitterのUIをトレースしながら研究しよう（初心者向け） - NOGA BLOG

2016/07/04 348 users 秘訣 デザイナー 名刺 かっこいいロゴ 石嶋未来さん

デザインスキルを上げるには、良いデザインを真似ること。私が尊敬するデザイナーの先輩達は皆口を揃えてそう言います。  １日ひとつdribbbleなどからかっこいいロゴや名刺などを選んでトレースすると良い。 そのときに、なんで自分がかっこいいと思ったのかを考えること。 デザイナーになる秘訣！Time Ticketで、石嶋未来さんに会ってきた - NOGA BLOG UIデザイナーで、本当にスキルを身に... 続きを読む

UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog

2016/05/15 934 users 能力 デザイン 決定力

最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なの... 続きを読む

コードが書けないデザイナーは淘汰されていく？UIデザイナーの未来予測｜UI Crunch #8 | CAREER HACK

2016/05/11 209 users CAREER HACK UI Crunch デザイナー 要件

2016-05-12 サイバーエージェント、DeNA、Gunosy、ウォンテッドリー、グッドパッチが語る、これからのUIデザイナーに求められる要件とは？UI Crunch #8「UIデザインに求められる実装スキルと考え方」をレポート。 UIデザイン最前線。いま身につけるべきスキルと考え方。UI Crunch UI Crunchのコンセプトは「UIデザインに関わるすべての人のためのコミュニティ」。デ... 続きを読む

伝わるアイコンの考え方 - inFablic

2016/01/12 314 users Fablic inFablic wariemon りえもん

2016 - 01 - 12 伝わるアイコンの考え方 iOS Android UI/UX デザイン 今回は、もはや今のアプリ・Webデザインにおいてて欠かせない存在となった「アイコン」についてお話ししようと思います。 はじめまして、Fablic の UIデザイナー わりえもん ( @wariemon ) です。 この記事を読んでくださりありがとうございます！ そのアイコンは飾りになっていないか？ ... 続きを読む

DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night

2015/11/30 304 users 浮き彫り 石橋 ＤＭＭ フロントエンドエンジニア 重要性

DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night 1. DMMで新規サービス作ったら フロントエンドエンジニアの重要性が 浮き彫りになった話 石橋啓太 2015.11.26DMM.Study Night 2. 自己紹介 DMM.com Labo 2014 / 05 ∼ UIデザイナー / フロントエンドエンジニア 石橋 啓太 3.... 続きを読む

デザイナーの『ごまかし』　本当に「五輪とリエージュのロゴは似てない」か？ - ツイナビ | ツイッター(Twitter)ガイド

2015/09/07 457 users リエージュ Twitter はじめ 五輪 デザイナー

9/7にYahoo!ニュースに掲載された「よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？」という記事が話題を集めています。 この記事では、著名なUIデザイナー（ユーザーインターフェイス・デザイナー）が「五輪とリエージュのロゴが似てない」と考える理由を説明しており、ツイッターには、この記事を読んだ人々から「なるほど、よくわかった」「はじめから、こんな説明があれば…... 続きを読む