Atomic Design by Brad Frost
We're tasked with making interfaces for more users in more contexts using more browsers on more devices with more screen sizes and more capabilities than ever before. That's a daunting task indeed. Thankfully, design systems are here to help. Atomic Design details all that goes into creating and maintaining robust design systems, allowing you to roll out higher quality, more consistent UIs faster
個人的UIデザインの情報源まとめ
どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple
独学でUIデザインを勉強する方法を自分の経験をもとに考えてみた｜Aoi Sano | デザイナー
こんにちは。 今回はProjectStepUPでUIデザインをやってきた自分が、独学で勉強する方法を考えてみました。これをやりきれば、『自力で綺麗なUIが作れる状態』にはなるはず。 内容は初心者にわかりやすいというのを大事に、かなり簡素化して書いております。とりあえず4STEPにわけてみました。そういや高校時代に4STEPとかいう数学問題集あったなあ... STEP1：UIデザインに関係する一般知識を得る ◎目的 このステップはUIデザインに関する前提を知るためにあります。STEP2以降と平行してやってOKです。というよりちゃんと学ぼうと思ったら無限に続きそう。 主なトピックとしては、UIUXとはなにか・人間中心設計・デザインの4原則・デザインガイドラインの4つでしょうか。 ・UIUXとはなにか UIデザインはUX（顧客体験）大きな流れの一部なので、そこを理解しているかどうかは本質的なUI
明治時代に刊行された日本画独特の波の描き方が記された『波紋集』全巻がオンラインで無料公開！ : カラパイア
明治時代に発展した日本画は、日本の伝統や文化に関心を持つ外国人の間でも非常に人気がある芸術品の一つだ。 その中には、時を経てその価値や魅力を再認識されるものも多いが、オンラインで無料公開となった『波紋集』というデザイン帖が海外で話題になっている。 それは森雄山という明治の日本画家が、全3冊にわたって残した波のモチーフ集で、波一つにも多様な表現がある日本画の奥深さがうかがえる素晴らしい本だ。 明治時代の日本画家、森雄山による『波紋集』 これは森雄山(-1917)という日本画家が1903年（明治36年）に出版したもの。 この画像を大きなサイズで見る この画像を大きなサイズで見る この画像を大きなサイズで見る この人物にまつわる情報はあまりないが、京都で活動した日本画家であり円山応挙の画風を引き継いだ森寛斎の弟子だといわれている。 職人のために作った波のデザイン集 上中下の3冊から成るこの図版集
Unity、小学生から学べる無料のゲーム開発教材 「あそびのデザイン講座」の公開をスタート！ | Unity PRESS RELEASE
Unity、小学生から学べる無料のゲーム開発教材 「あそびのデザイン講座」の公開をスタート！ マルチプラットフォーム向け統合開発環境「Unity」を提供するユニティ・テクノロジーズ・ジャパン合同会社は、2017年8月7日（月）から、小学生から学べる無料のゲーム開発教材「あそびのデザイン講座」の公開をスタートしました。 「あそびのデザイン講座」とは 「楽しいゲーム」、「おもしろいゲーム」をどのように作るかを体系的に構築し、小学生以上の方であればどなたでも学べるカリキュラムにしたものです。「あそびのデザイン講座」は、『ソニック・ザ・ヘッジホッグ』、『アンチャーテッド エル・ドラドの秘宝』などの作品で世界的に知られるゲームデザイナー安原 広和氏を講師に迎え、「ゲームとはどのような遊びか」、「遊びとはどうやって作るものか」といった基本的なところから丁寧に積み上げて教えていくための教材です。 安原
ユーザーのコンピュータスキルの分布： ユーザーのスキルはあなたが思う以上に低い
先進33か国において、コンピュータ関連の高い能力を持つ人は人口の5％にすぎない。また、中程度の複雑度のタスクを完了することができる人は全体の3分の1しかいない。 The Distribution of Users’ Computer Skills: Worse Than You Think by Jakob Nielsen on November 13, 2016 日本語版2017年3月16日公開 身につけるのがもっとも困難なユーザビリティの教訓に、（訳注：デザインプロジェクトに携わっている）「あなた方はユーザーとは違う」というのがある。これこそがユーザーのニーズについての推測が大失敗に終わる理由だ。デザイナーは大半のターゲットオーディンエンスとあまりに異なっているため、いいと思っているものや利用しやすいと思っているものが見当違いになるだけでなく、そうした自分たちの個人的好みによって判断す
武蔵野美術大学 造形ファイル｜武蔵野美術大学による、美術とデザインの「素材・道具・技法」に関する情報提供サイト
造形ファイルは、武蔵野美術大学がインターネット上で公開している、美術とデザインに用いられる素材や道具についての用語や技法の情報を提供する知識モジュール群です。
Flags of the World
The official FOTW flag was designed by Mark Sensen. Click on the flag to view its history and meaning. This waving flag was drawn by Pascal Gross. FOTW pages in Focus (Vexillology Highlights) In May 2024 Minnesota became the most recent state to change its flag. The 2024 NAVA Meeting will be held in St. Paul, Minnesota, on 20-22 September. ICV 30 - The next International Congress of Vexillology wi
色盲の人にもわかるバリアフリープレゼンテーション法
「色覚障害」とも呼ばれる「色盲」は黄色人種では男性の20人に1人(5%)、女性の500人に1人 (0.2%)に見られます（白人では男性の8%、黒人では男性の4%）。上記調査同時期の日本人男性は6,111万人、女性は6,359万人（平成8年 10月現在）ですから、色盲の人は約318万人となり、身体障害者の総計を越える数となっています。色盲は世界的にはAB型の血液型の頻度に匹敵し、極め てありふれた存在なのです。小中学校の40人学級（男子20人）の各クラスに必ず1人、男女100人の講演会場では、2～3人の色盲の聴衆がいるという計 算になります。社会的な差別や偏見といった過去の経緯から自分が色盲であることを隠す人が多いことや、色盲であっても実際にはかなりの色を不自由なく見分 けられることから、これまで色盲の人が色に関する不便を積極的に訴えることは少なかったと言えます。そのため、色盲がこのようにあ
優れたユーザーインタフェース（UI）を実現するチェックリスト36項目
【img via tabletop assistant by MattHurst】 優れたユーザーインタフェースとは何か。どのようなデザインを「優れたユーザーインタフェース」と呼ぶのに相応しいのだろうか。 GoodUIというサイトに優れたユーザーインタフェースを実現するために確認しておきたい36項目をイラスト付きで解説していた。とても分かりやすく納得できる内容が多かったので、紹介しておく！ 1.マルチカラムではなく、シングルカラム 複数カラムだとユーザーの目線が左右に逸れてしまう可能性があるため。 2.まずはギフトを渡してみる 最初から買うことを促すよりもまずはこちらから何かを与えることによってユーザーに喜ばれる。 3.似た機能や項目は1つにまとめて表示する 似た機能を分散させる必要はない。 4.ユーザーからの反応を載せる 実際に使っている「ユーザーの声」を参考に買い物をする人は少なくない
The ustwo™ Pixel Perfect Precision Handbook 2 日本語版
『Pixel Perfect Precision™ Handbook 2』（以下PPP™）は、ウェブサイトなどのデジタル環境用のデザインをする上での基本原則と、実践ですぐに使える具体的なPhotoshopのテクニックが収録されているドキュメントです。その名の通り、パーフェクトな精度のピクセルでデザインをするためのノウハウが、わかりやすいビジュアルと簡潔な文章でまとまっています。 元々PPP™は、グローバルに拠点を置くデジタルデザインスタジオustwo™ のGyppsy氏が制作したドキュメントです。iBooks版とPDF版のPPP™ドキュメントに加え、スクリプトやPhotoshopパターン集を付録の「エクストラ」として、ustwo™ ウェブサイトにて無償で配布しています。 PPP™は、デジタルデザインを学びたい人に、デザインの基礎知識と概念的な全体像を提供できるドキュメントであると同時に、既
Google Visual Assets Guidelines - Part 2
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
Google Visual Assets Guidelines - Part 1 - Behance
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
フッターデザイン.com -Webデザインの“フッター”を集めたサイト-
はてブ ツイートする シェアする 他のギャラリー ファビコンギャラリー 見出しデザイン ウェブコレクション このサイトについて いろんなWEBサイトのフッター（ページ下部も含む）部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介のフッターが使用されていない場合があります。 連絡先：manage.hp+footer@gmail.com copyright © footer-design.com All Rights Reserved.
CGファイル概説 目次
最終更新日：2001年5月1日 第1章へ webmaster@snap-tck.com Copyleft (C) 2000 SNAP(Sugimoto Norio Art Production)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UXデザインが大事なのはわかるけど�エンジニアの私ができることってなんでしょう？�
Google Design
事例で学ぶデザインの原則 by Life is Tech !
有名企業・大学などのロゴやヴィジュアルを定義したスタイルガイドラインのまとめ
http://www.amudesu.co.jp/proof.pdf