#デザイン記事まとめ

6,989

本

デザイン系の記事を収集してまとめるマガジン。ハッシュタグ #デザインのついた記事などをチェックしています。広告プロモーションがメインのものは、基本的にはNGの方向で運用します。

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

#UI

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

こんにちは！東芝UIデザインチームnote事務局の小林Jです。みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？そんな時によりどころになるのが「人間工学」です。「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。「人間特性」とは、知覚から認知、身体に至るま

「CTAボタン」のUIを集めてみた｜パーツ別デザインまとめ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。今回は、LPにおいてCV（コンバージョン）に大きく影響を与えるUIパーツ「CTAボタン」周りのデザインをパターン別に集めてみました。はじめに前回の記事で予告をした通り、今後、LPやWebサイトを構成する様々な要素を１つずつ特化して調査をしていきたいと思っています。今回はその「パーツ別デザインまとめ」シリーズ２本目です。 ↑ こちらの記事、たくさんの方に読んでいただけており嬉しいです！パタ

Figma新機能｜マルチ編集機能の概要と使いどころ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回は、日本時間の今日（2024.3.7）発表されたばかりのFigma新機能、マルチ編集機能について、その機能概要や使いどころを公式解説をもとにまとめました。はじめに現在、Figma Community上ではこちらの公式解説が公開されています。 Figmaの公式解説は、実際に手を動かしてみる用の作業場も準備されていて作りが丁寧なので、こちらを読めば内容は理解できるのですが、この機能に関わらず、

非デザイナーこそ！プロトタイピングツールにさわってみよう

月イチで大阪京橋のQUINTBRIDGEという施設で無料のデザイン勉強会「モグモグデザイン」という取り組みをしているのですが、その勉強会で話した内容をChatGPTを駆使してnoteにも展開しています。※ただ、今回はあまりしゃべりが上手くなかったのでほぼ自力で書いてます。全８回の第７回目です。前回は、UIデザインを知らない人に向けて「UIデザインとは何なのか」という内容を、UIの重要語句や考え方をもとにまとめていました。 ※2024年5月14日に最後の勉強会＋交流会を

未経験から独学でUIデザイナーになった話

はじめまして。この度アジケにUIデザイナーとして入社しました、えふと申します。前職は製造業界で働いており、デザインとは無縁の世界にいました。そこからUIデザインを独学で学び、第二新卒という形でアジケに加わりました。このnoteでは、「どのように独学でデザインを学んだのか」について書きたいと思います。異業界からデザイナーへの転職を考えている方や、非デザイン学科からデザイナーを目指す学生の方に少しでも参考になれば幸いです。独学を選んだ理由まず、デザインを学ぶ方

鮮魚バイヤー向けおすすめ提案のアプリデザイン

こんにちは！株式会社ウーオでUI/UXデザイナーをしている久保坂（@misaaa09）です。先日水産流通マーケットプレイス「UUUO」でユーザーに合った商品提案を行う「オススメ提案機能」をリリースしました。約6ヶ月で構想からリリースまでを行い、その中で様々のメンバーを巻き込みながら進めたプロジェクトでした。今日は具体的な開発フローの紹介とともに、周囲を巻き込みながらデザインしていくうえで工夫しているポイントをお伝えしたいと思います。 💬開発の背景始まりは主要機能の

「料金比較表」のUIを集めてみた｜パーツ別デザインまとめ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回はLPやサービスサイトでよく見かける「料金比較表」のUIパーツに特化してデザインを集めてみました。 LPや特定のサービスサイトは構成要素が比較的パターン化されています。「この要素・セクションのデザインどうしよう」となった時用に、要素ごとにデザインのパターンのストックを持っておきたい。そんな皆さまに参考にしていただけると嬉しいです！はじめに今回は、集めた料金比較表のデザインをこちらのサ

多言語対応UIを作るときのポイントを知っておこう

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今日は、多言語に対応するUIデザインをつくるときのポイントについて書きます。表層的な「UI」だけでなく、掲載コンテンツの内容やローカライズについても言及しています🌐 最後に参考記事も紹介しています！ぜひお楽しみください。はじめに｜多言語対応UIとは？今回扱う「多言語対応UI」とは、単一の言語のみでなく、いくつかの言語に対応しているUIデザインのこと。日本でよく見かけるのは「日本語」「英語」の2つに対応し

その状態のデザイン考えてなかった！　UI Stackってナニ

アプリの画面をデザインする際、エンジニアさんに「なにも登録データがない場合、どう表示しますか」「選択したときの状態ってどんなデザインですか」などと聞かれて「ｳﾜｱ考えてなかったすみません、今作ります。。」（なんて自分はポンコツなんだ、、ｳｳｳ）と、なりたくないですよね。 UI Stackは👆のような状況を回避するのに便利で大事な考え方だと思ったので、言葉の意味を知らない方はぜひ読んでってください！ UI Stack アメリカのプロダクトデザイナー Scott H

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

月イチで大阪京橋のQUINTBRIDGEという施設で無料のデザイン勉強会「モグモグデザイン」という取り組みをしているのですが、その勉強会で話した内容をChatGPTを駆使してnoteにも展開しています。全８回の第６回目です。前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 ※2024年5月14日に最後の勉強会＋交流会を開催いたします

【海外記事】2024年版 UX/UIデザイントレンド2

本日もこちらの記事を読んでみます。なお、画像なども以下から引用しています。前回はBentoデザインや、ついに来年きそうなAR/VRの話題が取り上げられていました。今回はまた別のトピックが取り上げられていますので見ていきたいと思います。長い上に地味に英文が難しく読解に時間がかかってしまいますが、頑張って読み進めます。本日もよろしくお願いいたします。誰でもアニメが作れる！新しいトレンドはたいてい新しい技術がより広く利用できるようになった時点で生まれます。これはL

UIデザイナーが知るべき知的財産権のこと。真似させない、真似しないための必須知識をプロが解説！

みなさん、こんにちは。私は、東芝デザイン部門で、デザインのオリジナリティを権利で守る仕事（他人に真似させないし、自分も真似しないこと！）などをしています。 UIデザインというと、快適なUXを創り出すために見た目や操作性を考えることがすべて、と思われがちですが、実はそれだけではありません。デザインは、企業としての狙いやデザイナーの想いがこめられたひとつの作品ですから、他の会社などに真似されないように、そのデザインのオリジナリティを守る必要があり、そのために「知的財産権」とい

デザインコンポーネントの命名規則にBEMを取り入れる

こんにちは、ソーシャル経済メディア「NewsPicks」の吉川（よっしー）です。この記事は NewsPicks アドベントカレンダー 2023 の12日目の記事です。昨日はtakehiloさんによる『TCAでGithubリポジトリ検索アプリを作ってみよう』でした！前回、ダークモード対応のカラートークンについてまとめました。今回のnoteのテーマは「コンポーネントの命名規則」です。コンポーネントを作るたびに地味に悩む命名に向き合ってみました。「デザインデータの命名

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

繰り返し読んでいるマイ・フェイバリット技術書に『はじめよう！要件定義～ビギナーからベテランまで』とその姉妹本『⁠はじめよう！プロセス設計～要件定義のその前に』『はじめよう！システム設計～要件定義のその後に』の、通称「はじめよう！シリーズ3部作」があります（羽生章洋さん著）。『はじめよう！要件定義～ビギナーからベテランまで』はそのタイトル通り、ソフトウェア開発に携わるエンジニアやPM向けに、要件定義の進め方について優しく解説してくれる書籍です。かわいいイラス

#デザイン 記事まとめ

#UI