これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
スプラトゥーン、みまもりSwitchなど任天堂のUI/UXデザイナーさんによる「“娯楽”を追求するUIデザイナーの仕事とは」 #uicrunch
リンク connpass UI Crunch #13 娯楽のUI - by Nintendo - (2018/04/27 19:00〜) ## “娯楽”を追求する、UIデザイナーの仕事とは 私たちは日々、実用品と娯楽品に囲まれて生活しています。どちらも生活に大切なもの。 今回は"もっと便利に"を追求するのではなく、"もっと楽しく"を追求する、UIデザイナー3名を任天堂からお迎えし、「Splatoon」 や「Nintendo みまもり Switch」 などの事例を交えながらお話いただきます。 子どもから大人まで楽しめる娯楽の裏側には、どのような想いや工夫があるのか。 みなさんと一緒に学べる機会になればと思います。 また、後 59 users 1621 UI Crunch @ui_crunch 「娯楽のUI」、開場しました！19:30より、任天堂さんのUI/UXデザイナーさんにご登壇いただきま
マリオメーカーのUI/UXデザイナーが語る「弱点を克服する娯楽UI」の原点とは | 超ゲームウォーカー!
2018年4月27日（金）、東京は渋谷ヒカリエ11Fにて、UIデザインをテーマとした勉強会「UI Crunch」が開催された。2014年に開催された第1回目の開催から本年で4年目、通算13回目となるUI Crunchだが、今回はいつも以上に開催前から話題が絶えなかった。それもそのはず、普段なら多い時でも参加枠に対する応募倍率は3〜5倍程度なのに対して、今回はなんと、まさかの30倍超え。 その理由は明白だ。マリオやゼルダなどの歴史あるゲームシリーズを手がけ、近年ではスプラトゥーンやARMSといった新規IPの開発にも余念がない、我らが日本の世界的ゲームメーカー「任天堂」のUIデザイナーが登壇するからだろう。 普段からあまり対外的な発表やコミュニケーションが控えめな印象である任天堂の社員が、珍しく、それもUIデザインという文脈でイベントに登壇するというのは、過去にあまり例がない。 今回登壇したの
本当に優れた「デザインの勝利」は空気のような存在になり知覚すらされない
まとめ 誰だか知らないが、この展望台のデザインした奴は天才だなと思った。これが『デザインの勝利』なんだよ。 東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき 130844 pv 526 106 users 1394 ニカイドウレンジ @R_Nikaido 「デザインの勝利」が可視化されないのは、優れたデザインは空気のように透明な存在だから知覚されなくなってしまうからだと思う。個人的に凄いデザインだと思うのは ・鍵を閉めないときは自動的に開放状態になるトイレのドア ・鍵を閉めないと扉から鍵が取れないロッカー この2つは凄いなと。 2018-04-04 10:21:45 ニカイドウレンジ @R_Nikaido 「鍵を
［GDC 2018］またボードゲームデザインデイがGDCにやってきた。ボードゲームにおけるランダマイザの特性とは
［GDC 2018］またボードゲームデザインデイがGDCにやってきた。ボードゲームにおけるランダマイザの特性とは ライター：徳岡正肇 Geoffrey Engelstein氏 GDC 2017で突如始まったアナログゲームデザインに関する知見が語られる「Boardgame Design Day」。GDC 2018においてもこのイベントはしっかりと存在しており，各種ボードゲームのデザインについて様々な知見が語られた（ちなみに今年はボードゲームのアプリ化関係の講演がやや多めだった）。 そんななか，昨年は「Board Game Design and the Psychology of Loss Aversion」（ボードゲームデザインと損失回避の心理学）と銘打った講演を行ったGeoffrey Engelstein氏が，今年もまた登壇するということで取材することにした。 「WHITE, BROWN,
「現実化したフォント」がおしゃれなのでマスターしたい
なんだか、すごくファッショナブルに見えませんか？ 「文字を背景にくぐらせる」の真意か分かってもらえたと思う。背景というのかな、被写体？何にせよ、これ、2～3年くらい前からちょこちょこ見る。航空機の機内誌とか、あと日本のハウス・ミュージック（というより個人的に好きなtofubeatsというトラックメーカー）のミュージック・ビデオでよく見るような、見ないような。 これを駆使すれば、ひょっとするとなんでもない写真になんでもない言葉でもおしゃれに見えるんじゃなかろうか。今は便宜上「おしゃ文字」と呼ばせてもらおう。なんだかしゃもじに対する間違った丁寧語のようだが、そんなことを思ったのは書いてる自分だけだろうからまぁいいや。
［GDC 2018］ひと目でゲームの面白さが分かる画面設計の秘訣は，ポスター制作にあり？ 良い画面設計のための，シンプルな方針
［GDC 2018］ひと目でゲームの面白さが分かる画面設計の秘訣は，ポスター制作にあり？ 良い画面設計のための，シンプルな方針 ライター：徳岡正肇 ゲーマー以外もコンピューターゲームをプレイする（プレイし続ける）ようになって，久しい。かつてそれらが「カジュアルゲーム」と呼ばれていた時代から，非ゲーマーに訴求するゲームを作るためには，ゲーマー向けのゲームを作るのとは異なるノウハウが必要になることが認識されていた。 なかでもモバイル時代になって重要度を増したのが，「分かりやすいゲームを作る」ことだ。なにせゲームの数は凄まじい勢いで増えており，「パッと見て分かる」ゲームでないと，生き残るのはなかなか難しい。 こうした事情もあってか，GDC 2018のIndie Games Summit枠で行われた講演「BUILDING GAMES THAT CAN BE UNDERSTOOD AT A GLAN
デザイナーを伸ばす過程で大切にしたこと｜Nobuo Suzuki
1年目のデザイナーに教えたほうがいいことや、デザイナーを育てるとはどういうことなのか。 自分のことはどうにかなってきた20代中盤。「デザイナー育ててね」と突然言われても何から始めればいいのかもよく分からなかったですし、どうやってアドバイスしたらいいかも分からなかった当時、デザイナーの育成に関する記事があまりに少ない印象だったので、同じような境遇の方の役にたてば嬉しいです。 ※この記事は、2017年4月にMediumで公開した記事を加筆・転載したものです。*** 本人が課題を感じて初めて成長するWe don't know what we don't know. （分からないことが分からない。）突然ですが、他人に言われた時よりも自分で課題を認識できた方時の方が腹落ちしませんか？ 教える側は、相手が分かっていないところが分かるのですが、当の本人は「分からないことが分からない」状態なのです。でも、
デザインの基本日記 「配色編」｜Design Beginner
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を
デザインの筋トレ〜伝説の世界的デザイナーに教わった観察力を磨くとっておきの訓練法〜｜ヤマシタ マサトシ
先日話した寸法感覚の話に続いて、今日は観察力を磨く方法の話をしましょう。 ちなみにこのトレーニング方法、僕のオリジナル・・・ではなく、世界的インテリアデザイナーであり天皇陛下から芸術選奨と紫綬褒章まで授与されている、偉大なる恩師の故・内田繁先生直伝の方法です。 内田先生曰く 「これをちゃんと毎日続けて3年間やれたなら、お前はきっとすごいデザイナーになっているだろう。」と言われていました。 実際、僕は3ヶ月で挫折してまた再開しては挫折して・・・を繰り返していますが、それなりに食べていけるレベルのデザイナーにはなれました。 それくらいこのトレーニング法は効果絶大です。学生時代から10年くらい続けていたらヤバいレベルに到達できるかもしれません。 その方法とは・・・ と、本当は秘密にしておきたいところですが、未来のデザイナーの卵たちのためにトレーニング方法を丸っと公開しておきます。 （900超えの
「チームPerfumeによるライブ」 これってもしかして、UXデザインになりませんか？｜ビビビ
UXデザインの定義やあるある、持論等は、Twitterのタイムラインに日々上がってくるのですが、「結局、UXデザインによってどんなアウトプットが出たの？事例は？」となることが多いので、日々の生活で感じた「これってもしかして、UXデザインになりませんか？」を、拙い文章と想像力で書いていきます。 「チームPerfumeによるライブ」=UXデザインのお手本？ 今回取り上げたいのは、「チームPerfumeによるライブ」です。 私は、Perfumeこそ、UXデザイナーの鑑(模範)なのではないかと考えています。 かれこれ50以上のアーティストのライブに足を運び、Perfumeのライブが突出して満足度が高く、何故かを考え、上記の結論に辿り着きました。 Perfumeの3人とスタッフを含む「チームPerfume」は、ライブ中のパフォーマンスだけではなく、ライブ前後を含めた「Perfumeのライブに行く」と
AIRDOの魅力とは？ ダサさを完全に払拭しないことの重要性。
昨日こんなツイートをしてみました。 AIRDO乗るたびに毎回思うんだけど、機内放送もキャンペーンも絶妙にダサい。でもそのいもくさい感じが逆に北海道らしくて、どこか応援したくなる。そんな言い方をしたら逆に売れないだろと心配になるんだけど、あれを狙ってやってるんだったら本当にすごい。北海道帰る時に、AIRDO以外の選択肢はない。 — 鳥井 弘文 (@hirofumi21) 2018年3月5日 海外から日本に帰ってくるとき、日本の航空会社の飛行機に乗った瞬間「日本に帰ってきた…！」って思うのと同じように、AIRDOはその絶妙なダサさ加減から、乗った瞬間「北海道に帰ってきた…！」って思わせてくれる何かがあるんですよね。道民にだけわかる何かが。AIRDO大好きです。 — 鳥井 弘文 (@hirofumi21) 2018年3月5日 「いもくささ」をあえてわかりやすく言語化すると、それはきっと『どさんこ
まるで絵だよそれは！ 色鉛筆で塗った「リ・ガズィ」のプラモが二次元にしか見えない
ヨドバシカメラ札幌店に、「リ画ズィ」と題した作品が展示され注目を集めています。映画「機動戦士ガンダム 逆襲のシャア」に登場したモビルスーツ「リ・ガズィ」のイラストのようですが、なぜこれがおもちゃ売り場に……いや、よく見たら色鉛筆で塗ったプラモだった。むしろ売り場に合ってた！ 映画の序盤でアムロが乗っていた「リ・ガズィ」 背面もバッチリ 額に入った絵のようですが…… 角度を変えると、あ、ビームライフルが絵から額のほうへ飛び出してる！ プラモだコレ 作者はモデラーの今日（@kyo512a）さん。以前にも「ガンダム バルバトスルプスレクス」や「Zガンダム」のプラモをイラストのように仕上げて話題を呼んでいます（関連記事1／関連記事2）。今回はHGUCシリーズのリ・ガズィを、36色の色鉛筆で淡いタッチのイラスト風に着色。バックを単色にすると、もう二次元にしか見えない。 着色の際には、まずサーフェイサ
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
「自分」をアピールするために有効な名刺パターン25種類
名刺交換で特徴的な名刺を渡すと、その場で話が弾んだり、相手の印象に残りやすくなったりとビジネスに有効な点は多くあります。とはいえ、いざデザインするとなると困ってしまうもの。そこで、デザイナーショーケースサイトBehanceにある名刺デザインの中から、参考になるものをまとめました。 ◆01：Sumaya Mahadevanさんが友人から「平面じゃなくて、クールなもの」という依頼を受けて作った名刺。定規や鉛筆が直線的にデザインされています。 外枠にそって切り出し、組み立てると二等辺三角形の四面体になります。 ◆02：Joshua M. Smithさんの名刺は、眼光鋭いミミズクと鍵が彫られたコイン型。 裏面には目、鍵と稲妻がモチーフのイラスト。外周には連絡先がありました。 ◆03：デザインスタジオの「Lundgren+Lindqvist」が写真家の要望でデザインしたのは、名刺とポートフォリオの二
デザイナーとしての「ゆるやかな死」｜モンブラン｜Designer × VTuber
アダルト業界でデザイナーとして働いていた頃、 あるデザイナーの「ゆるやかな死」を見たことがある。 ここでいう「ゆるやかな死」というのは、 「アウトプットの決定的な低下」のこと。 ▼ 音声で聞きたい方はこちらからお聴きくださいｂ ▼ エースデザイナーの「異変」その人（以後、Nさんとします）は僕が新卒入社する前から、DVDジャケットのデザインを1ヶ月で10点前後作り続けている現役バリバリのグラフィックデザイナーだった。 月で10点は、ジャケット以外の業務も含めれば余裕で週3くらいは残業が必要な量。それをNさんは月に1回くらいの残業で平気にこなす。 言うなればエース、シニアとも言えるデザイナーさんだった。 そんなNさんがある時から変化が生じ始める。 アウトプットのテンプレ化AVは「シリーズもの」が多い。 かの有名な「マジックミラー号」も、様々なシリーズ、企画内容が出ているが、それらをまとめて「マ
16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか？ 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な写真があるというものです。 これは美容院という商売の特性
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
豚箱🌹1/7-1/16原宿美少年展🌹 on Twitter: "iPad Proお絵かきのすすめ 私がiPad Proを買った一年半前よりも需要がとってもふえたのでまとめました、購入を悩んでる方の参考になればいいと思います。 おすすめアプリなども沢山描きました👾 https://t.co/HNgcQd6NtQ"
フォントの選び方・使い方
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
