デザイナー向け認知科学／認知心理学の入門書 （2020.10.4追加編集）｜yoshi_design
はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名
見やすいプレゼン資料の作り方 - リニューアル増量版
書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門：https://amzn.asia/d/4WDsTI6 デザイン図鑑：https
グラフィックデザイン業界の所感
グラフィックデザインの文脈でよく語られるデザイン史は、バウハウスから始まって、グーテンベルクの活版印刷、雑誌時代のエディトリアルデザイン、広告コミュニケーション、テクノロジーとの融合というものだ。また別軸で、グラフィックデザイナーの職能として、工業化社会における機械製品の美学的側面を整えるという歴史があった。まさにテクノロジーの隆盛と歩んできたデザインである。生活を便利にする機械製品（電話や洗濯機など）は生まれ、パーソナルコンピューターは普及した。そして、グラフィックデザインをするためのツールや思想は世の中に溢れ、誰でもグラフィックデザインの勉強ができ、誰でもデザインを作れ、誰でもそういう成果物に対して口出しできるようになった。 いつからか、総合的な計画であるはずのデザイン行為の中から「美学的側面」のみが取り出されて、それに対しての褒賞制度が整えられたのだ。日本で言えば、たとえばJAGDA
デザインの視覚調整 ― 人間の認知に適合するデザインのために | POSTD
理論対デザイナー 駆け出しのデザイナーの頃は、何が正しくて何が正しくないかということについて、PhotoshopやCSSを信じ切っていました。Photoshopで整列すればそろったことになるし、形の違う2つのオブジェクトが同サイズと言うならサイズは一緒。左右のオブジェクトが同じ16進数値を持っていれば同じ色に 見える 、とそんな具合です。 この考え方は理論的なように思えますが、作業の方法としては誤っています。 画像処理のソフトなどは合理的に計算することはできても、形や色やサイズに対する人間の知覚メカニズムを考慮に入れることはできません。つまり、全体の視覚言語的背景にある複数オブジェクトの配置といった 文脈 や、それらを人がどう視覚的に捉えるかということについて、ソフトは理解できないのです。 従って、対象が視覚的に正しく見えるように、人間の非合理的な感覚で調整をしてやる必要があります。コンピ
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.
SST Type Project / Stories デザインが生まれるまでのストーリー / Sony Design
スマートフォンやタブレットなど、ディスプレイ上での体験が主役となる商品が増加し、 商品の役割もそれらが提供するユーザー体験も大きく変わりつつあります。こうした潮流に対し、 ソニーはあらゆるタッチポイントでユーザーに感動をもたらす体験を届けるために、 オリジナルフォントの開発に挑みました。そのフォント開発プロジェクトの核心に迫ります。 世界中のあらゆるタッチポイントで、 感動を提供するために 商品の小型化が進み、ハードウェアに記載される文字が小さくなる一方で、スマートフォンやタブレットなどディスプレイでの体験が主役に変わりつつあります。こうしたハードウェア上の表記はもちろんコンテンツを快適に楽しむ上で、文字の読みやすさはとても重要です。また、「フォント（書体）」の印象は商品のイメージだけでなく体験そのものに影響を与える大切なデザイン要素。ソニーが提供する商品そのものの価値や体験の質をさらに高
Home - Mozilla Dot Design
Privacy Cookies Legal Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation. Portions of this content are ©1998–2019 by individual mozilla.org contributors. Content available under a Creative Commons license. Please refer to our trademark policy regarding usage of Mozilla wordmarks and logos.
iOS 7 特集 の記事一覧 | DevelopersIO
[iOS][iBeacon] iOS 7.1 からアプリを起動していなくても領域観測できるようになったので、さまざまなバックグラウンド処理を試してみた
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.
インタフェースデザインの実践教室
インタフェースデザインの実践的な解説書。使いやすいUIで優れたUXを提供するために必須な「リサーチ」「デザイン」「インプリメンテーション」という3つのフェーズを、初心者にもわかるようていねいに解説します。テクニックの章では、ストーリーボードやペーパープロトタイピング、ユーザビリティテストなど、優れたユーザビリティを実現するためのアプローチについて学びます。アイデアの章では、テキストの書き方、どのくらいリアルなデザインであるべきか、アニメーションを使うタイミングなどについて学びます。調査・設計・実装・検証・改善というワークフローに沿ってデザインすれば、ユーザビリティは驚くほど向上します。 翻訳者によるサポートページ。 サンプルPDF ● 「前付、1章と8章（I部）、23章（II部）、33章（III部）」（38MB） 賞賛の声 はじめに I部 リサーチ 1章 ユーザーリサーチ 2章 ジョブシャ
加賀工芸×ロリータをテーマにした「加賀ロリプロジェクト」とは？
「加賀ロリプロジェクト」とは、石川県の伝統工芸の「加賀友禅」や「加賀繍」などと、日本発祥のロリータファッションを融合させたファッションコンテストのことで、加賀の伝統工芸の後継者不足の問題を抱える中で、新たなビジネスアイデアとして加賀友禅の製造販売会社などから発案されました。 ロリータファッション×加賀伝統工芸をテーマに、デザイン画を一般募集して、応募総計233点のうち入賞した3作品を実際に表現しファッションショーも開催されるなど、大いに盛り上がりました。 そんなファッションショーでは、加賀藩前田家の家紋が刺繍された朱色のドレスに、加賀友禅を取り入れたコートも発表され、更にグランプリを獲得した、袖が加賀友禅で彩られ、茶色や淡いピンク色を基調とした衣装を着たモデルが登場するとともに会場は一気に盛り上がりを見せたそうです。 加賀ロリプロジェクトは多くの企業団体（石川テレビ放送、加賀刺繍協同組合な
Helveticaの代わりに使える30のフォント
世界中で愛されている永久定番級のフォントといえばHelvetica（ヘルベチカ）、デザイナーじゃなくともお馴染みのフォントです。今回はHelveticaは余りにメジャーすぎてちょっと抵抗がある、、、というひねくれモノのあなたのためにHelveticaの代わりに使えるフォントを30種類紹介した記事を。 — SEO Japan Helveticaは筋金入りの書体だ。明確さ、順応性、徹底的な完璧さを持つそれは、スイスのデザイン文化の証だ。この有名な書体は、数えきれないほどの理由から愛されている。それ自体には何の個性もないために、どんな気持ちや感情や心象も受け入れることができる能力もその1つだ。 Helveticaは私たちの最高のリスペクトに値するが、Helveticaには叫ぶ必要のある問題がある。あまりに多くのデザイナーが永遠にそれに固執しているのだ。そしてそれは、他の全てのサンセリフ体に対して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Design
ぱくたそ - フリー写真素材・無料ダウンロード
楽しいBADUIの世界
Material Design
Tumblr
Amazon.co.jp: About Face 3 インタラクションデザインの極意: Alan Cooper (著), Robert Reimann (著), David Cronin (著), 長尾高弘 (翻訳): 本
Amazon.co.jp: レイアウト、基本の「き」: 佐藤直樹, ASYL: 本
Amazon.co.jp: デザインの教室 手を動かして学ぶデザイントレーニング(CDROM付): 佐藤好彦: 本
