タグ「UIデザイン」 - はてブログ

タグ UIデザイン

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 276件)

デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン

2024/04/30 505 users 東芝デザインスキル基本 3選

こんにちは！東芝UIデザインチームnote事務局の小林Jです。みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？そんな時によりどころになるのが「人間工学」です。「人間工学」とは、人間にとって... 続きを読む

知識０から、ちょっとUIデザインに詳しくなるnote｜やました

2024/01/27 1040 users Note プロトタイピング知識施策ユーザビリティ評価

前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについ... 続きを読む

『はじめよう！要件定義』（とそのシリーズ）を読んで、はじめよう！UIデザイン｜金成奎

2023/11/06 409 users ビギナーベテランエンジニア要件定義ソフトウェア開発

『はじめよう！要件定義～ビギナーからベテランまで』はそのタイトル通り、ソフトウェア開発に携わるエンジニアやPM向けに、要件定義の進め方について優しく解説してくれる書籍です。かわいいイラストと平易な文章がとっつきやすく、するすると読めてしまいますが、要件定義って何をどうやったらいいの？とお悩みの方... 続きを読む

これでもうUIデザイン用の高品質なSVGアイコンに困らない！商用利用無料、改変も自由な太っ腹ライセンス -blendicons

2023/10/25 475 users ソリッド SVGアイコン太っ腹ライセンス改変アイコン

WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。アイコンはなんと、200,000個以上！ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、ス... 続きを読む

全部、商用利用も無料！ Google Fontsの中でも可読性・判別性に優れたフォントのまとめ、UIデザインにも最適

2023/09/04 221 users フォント Google Fonts 判別性全部商用利用

Google Fontsには日本語フォントや英語フォントをはじめ、さまざまな言語のフォントをすべて無料で使用できます。いやー、いい時代ですね。そんなGoogle Fontsの中からリーダビリティ、レジビリティに優れた、...記事の続きを読む続きを読む

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

2023/06/15 157 users テクニック総まとめ UX Micro-Tips 知識プロ

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

UIデザインに最適！シンプルなSVGアイコン素材が7,000種類以上揃っていて、完全に商用利用無料 -Phosphor Icons

2023/05/18 125 users ソリッド SVGアイコンプレゼン SVGアイコン素材成果物

WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデザインに適用できると思います。 Phosphor Icons Phosphor Icons -GitHub Phosphor Iconsの... 続きを読む

マリオのUIがフラットデザインになった日を知っているか〜【視伝研】UIデザインの歴史を紐解く｜Yamashita Angelica｜note

2023/04/18 366 users 年表形式考察おことわりご承知おきいちファン

※ おことわり ※ この記事内で取り扱っているゲーム作品について、私は開発上の関わりは一切ありません。あくまでいち個人・いちファンとしての考察であることをご承知おきください。今回の視伝研テーマは【UIデザインの歴史を紐解く】です。年表形式でUIデザインの歴史を作りながらメンバーと意見を交換しました。PCや... 続きを読む

UIデザインに必須の16の論理ルール！デザインは細部のちょっとした作り込みが使いやすさを決める

2023/04/13 374 users 細部ルール意思決定デザイン長い記事

UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。長い記事なので、時間がある時にゆっくりご覧ください。 16 little UI design rules that make a big impact by Adham Dan... 続きを読む

UIデザインの「あれ」の名前を知ろう｜株式会社ドヴァ｜note

2023/03/24 205 users 名前

こんにちは。ドヴァマーケティングサービス部所属デザイナーのマリコです。 WebのUI・UXデザインの仕事をしていると、デザイナー同士なら「ここのデザイン、コレをこうしたい（身振り手振り）」だけでほとんど伝わるけど……、クライアントに説明するときはそのイメージと一緒に、正式名称で正しく伝えるようにしよう、と... 続きを読む

UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方

2023/02/21 250 users グレースケールダークモードコントラストメカニズムカラー

ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを... 続きを読む

プログラミング用フォントとUIデザインのどちらにも使える！美しさと読みやすさを兼ね備えたフォント「Martian Mono」

2023/02/08 164 users フォントプログラミング用フォント MyFonts 美学人目

Webデベロッパーとデザイナー向けに、Groteskの人目を引く美学と読みやすさと分かりやすさを追求したオープンソースのフォントを紹介します。ボタン・フォーム・リストなど、限られたスペースのWebサイトやスマホアプリのUIデザインにも適しています。 Martian Mono -GitHub Martian Monoは、Martian Grotesk（myfonts.... 続きを読む

実例から考えるUIの情報設計｜usagimaru｜note

2022/12/24 207 users 混乱 usagimaru 分野 webデザイン Note

情報設計とは、端的に言うと「情報に関する混乱を整えて、理解しやすい形にする行い」です。情報設計というとなんとなくWebデザインやUIデザインに関する専門的な分野として認識されることが多いかもしれませんが、“情報” に関することなので、情報があるところには基本的にどこにでも通用します。情報設計の専門書を漁... 続きを読む

画像生成AIでウェブサイトやUIデザインを生成するコツ

2022/12/23 212 users 画像生成AI ウェブサイトコツプロンプト呪文

人工知能（AI）は、ウェブサイト制作を、根本から変えてしまうでしょう。今のところ、AI画像生成ツールは、呪文（プロンプト）を唱える、ちょっとしたコツを覚えることで、以下のようなWebレイアウトを作成できます。 beautiful landing for spiderman website, design, ux/ui, ux, ui --ar 3:2 --v 4 --q 2 「花屋、フ... 続きを読む

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

2022/12/13 170 users テクニック UX Micro-Tips まとめスマホアプリ

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

UIデザインにおけるステートマシン - 弁護士ドットコム株式会社 Creators’ blog

2022/11/20 87 users ステートマシン一気通貫 Creators’ blog 実装

はじめに弁護士ドットコムデザイナーの林（@taka_piya）です。弁護士ドットコム案件管理システムでは、アプリケーションとUIの状態管理にXStateを用いたステートマシンでの管理を導入しています。この記事では、UIデザインの考え方にステートマシンを導入し、実装まで一気通貫で行う方法と、そのメリットについて説... 続きを読む

こいつ、動くぞ！ UIデザインでよく使用されるSVG完備のアイコン素材、しかもオープンソースで商用無料 -Potlab Icons

2022/11/08 131 users SVG完備 Potlab Icons こいつアイコン素材

(1 - 25 / 276件)

次の25件 »