UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ～業務システムとSaaSのUIを考える
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
IAとUXデザインの違い
私の職業を「UXアーキテクト」と説明すると、必ず次に「IA（情報アーキテクチャ）とUXの違いは何？」と尋ねられます。両者には明らかな違いがあるにも関わらず、その境界線は不明確です。どのように説明するべきでしょう？ Wikipediaによると、IAは「ユーザビリティを支えるために、ウェブサイトを体系化し、分類するための技術と科学」です。同じソースによると、UXは「人々が製品やシステム、サービスを利用する際の感じ方。利便性、使ったときの心地よさ、システムの効率性（を含む）」とあります。 これらの定義によると、UXはIAを基礎として、これを次のレベルへと押し上げるものと言えます。 IAは構造に関与する IAは比較的古い用語です。ウェブにおいても古くから使われ、技術全般の進歩においても古くから使われ、主にユーザーを案内していくコンテンツの構成や構造に焦点を当てます。デジタルの観点からは、単純なパン
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
パターンランゲージとユーザー中心設計 (UCD) | Accessible & Usable
公開日 : 2011年9月1日 (2020年8月30日 更新) カテゴリー : ユーザビリティ ここ数年、パターンランゲージに興味を持っています。 パターンランゲージとは「デザインする対象の構造に潜む関係性の諸パターンとそれらの生成プロセスを、共通の形式に則って自然言語で記述し、体系化したもの」です (この定義は、iTunes U で公開されている慶応大学 SFC の講義「パタンランゲージ2010」から引用させていただきました)。 もともとは、Christopher Alexander (クリストファー・アレグザンダー) が提唱した建築/都市計画にかかわる理論ですが、その後、様々な分野で応用的に派生しています。Web デザインの分野では、以下の書籍が有名です。 「デザイニング・インターフェース ― パターンによる実践的インタラクションデザイン」(オライリー) 「デザイニング・ウェブインター
[JS]なにこれ楽しい！インタラクション満載の路線図を実装するスクリプト -transitive.js
路線図の入り組んでいるところって、分かりにくいですよね。 そんな問題を解決するCanvasで実装するインタラクション満載の路線図のスクリプトを紹介します。 ↓くっついてて分かりにくい箇所も、こんな感じに移動できます。 デモページ 上のアニメーションgifみたいに移動させることだけでなく、ホイール操作での拡大縮小やドラッグ操作などもできます。 路線図は各要素（駅やルートなど）のテキストファイルを元に、Canvasで描画されています。 各要素のデータ（オレンジのルート）はこんな感じです。 "route": "ORANGE", "from": "12488", "to": "7588", "fromName": "COURTHOUSE METRO STATION", "toName": "METRO CENTER METRO STATION", "routeShortName": "Orange
デザイナーに学ぶ「魅力あるUI」
アプリの魅力を高めるため、ユーザーインタフェース（UI）がますます重要になっている。女性Web／スマホアプリデザイナー、エバーノートのクリエイター、ユーザビリティテストのパイオニア、UI研究者、デザイン思考（Design Thinking）の第一人者から「魅力あるUI」を学ぼう。 「1pxにこだわる」、「UIではなくコンテンツに没入させる」、「初期からテストを実施しUIを変えていく」、「多数決や現状維持から優れたUIは生まれない」、「ユーザーが思い描くメンタルモデルを実装する」など、あなたのアプリを大きく変える知恵に満ちている。 デザイナーが教える「快適AndroidアプリのXMLレイアウト」 第1回 デザイナーがこだわりたいAndroidアプリのデザインとは？ 第2回 基本を押さえながら、まずは要素だけでXMLコーディング 第3回 グラデーションや影など細かいディテールを追加 第4回 背
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デジタル庁デザインシステムβ版
The Blog | Welcome to Adobe Blog
ビービット
http://www.designwalker.com/2009/08/user-interface.html