スプラトゥーン、みまもり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 Crunch #13 娯楽のUI イベントレポート）｜のっち Ryosuke Inoue
「UI Crunch #13 娯楽のUI - by Nintendo -」に参加しました。世界的にも注目される企業かつあまり表に出てこないデザイントークが聞けると言うことで、倍率も相当なものとなっておりました。この企画は構想から2年くらいかかったそうで、とても濃いお話を聞くことができました。めちゃ感動しました。今回は、そちらのイベントレポートです。最初の方あまり写真を撮らなかったので、後半の写真が多めになります。 1人目は、UI/UX デザイン チーフの正木さん。「娯楽UIの思考の原点」についてお話いただきました。 Nintendo流の「伝え方」Nintendoが人に何かを「伝える」時にこだわっていること。それは、以下の3つです。 ・「教える」ことよりも「体験する」ことで、より早く、的確に伝えることができる。 ・初めての体験は一度きり。新鮮な印象を大切にする。 ・体験はやっぱり面白くしよう
任天堂デザインの輪郭 / UI Crunch #13 娯楽のUI イベントレポート｜スワン
こんにちは、スワンです( 'ω') noteではしばらくご無沙汰してたのですが、今回激戦を極めた「UI Crunch #13 娯楽のUI」に奇跡的にnoteレポート枠で受かったので、花金に早々に仕事を切り上げてご機嫌でイベントに行ってきました。 噂によると倍率40倍近くだったそうで「全盛期の東京芸術大学の受験倍率かよ」って突っ込みたくなりました（笑）ありがたい機会をゲットしたとともにいけなかった方々にこの興奮を還元するべくゴリっとイベントレポートをまとめてみようと思います。 前がき私事ですが、ちょうどこの春で働く環境が変わり、株式会社メルペイでデザイナーとして働くことになりました。社会人になって初めての、自分を取り巻く「場所」や「人」が大きく変わる体験。そしたら、まだ働き始めて本当に間もないのだけど「場所が変わるとこんなにも入ってくる情報の種類が変わってくるんだな〜」という予想外の驚きが
illustratorとマウスで描くイラストの書き方／考え方 - DESIGN TREKKER
はじめに こちらの記事では、Adobe Illustratorでの複雑なイラストの描き方を解説しています。後半に、実際に描いたイラストもダウンロードが可能です。(イラスト作成の参考になると思います！) また、前提として、ここではピクシブなどでよく見る複雑なデジ絵ではなく、商業用のイラストカットのお話をしています。イラストレーターが本業ではなく、イラストも描くデザイナーを対象とした記事です。 商業デザインでは、スピード重視、修正対応の柔軟さがものをいう世界ですよね？それなら、illustratorでマウスを持ちかえることなく、イラストもデザインも一緒にやってしまった方が効率が良いはずです！ この記事では、ペンタブも鉛筆の下書きも不要な、illustratorのみを使ったイラスト作成のノウハウを動画にて公開いたします。 商業デザインのイラストレーションの悩み イラストを描く際に、手書きをスキャ
刷新したKARTEロゴのプロセス公開 ー プロダクトが目指す理想像から始めるアプローチ | PLAID engineer blog
KARTEのロゴ刷新に至った経緯やデザインプロセスについてお伝えします！
デザインシステムの資料を作る時に参考にしたリンク集｜Ryo Yoshitake | THE GUILD
こんにちは、よりデザインの@ryo_panです。 この記事は何？DMMさんで「Atomic Design & Design Systems」をお話させて頂いた時に、自分が読んだ記事をまとめたものになります（いちおう全部目は通してる…ハズ）。デザインシステムについて書かれている記事ってまだまだ少ないのですが、情報源自体もまとまってないんですよね。実際、自分が↑の資料を作る時はほぼ手探り状態でした。 この記事がデザインシステムについてこれから学ぼうと思われている方の力に少しでもなれたら幸いです。例によって海外記事は僕の認識違いが起きている可能性があるので、「これそういう記事じゃないから！」というツッコミがあればぜひお願いします。 まずデザインシステムについて学びたい時はDesign Systems Handbook InVisionが作成したハンドブック。まず最初に目を通すならこれでしょう。デ
デザインレビューシステム〜正しいデザインを正しく作ったか〜｜Tomotsugu Takahashi
こんにちは。デザイナーのたかはし（@tmtgtk）です。かれこれ社会人8年目のデザイナーとなりました。広告制作会社からスタートし、事業会社、スタートアップを数社渡り歩いた僕が、何らかの知見をシェアできないかなと思い立ち、初めてnoteを書いてみようと思います。 いきなりですが、デザイナーのみなさん、「デザインレビュー」って普段どうしてますか？ ・上司に見てもらいフィードバックしてもらう・デザインチームの複数人で集まってスクリーン見ながら・エンジニアさんやディレクターさん含めたプロジェクトメンバーで・デザイナーが自分ひとりなので、誰もレビューしてくれない…などなど、様々なケースがあるかと思います。一方、デザインレビューのよくある問題で、 ・その都度上司の言うことが変わる・その時の参加メンバーによってツッコミどころが全然違う（立場が上だったり声の大きい人の意見が通りがち）・エンジニアさんやディ
モードレスデザイン｜ai
はじめて iMacG3 を使った時、私はとても前向きな気持ちになった。説明書を読まなくても何をどうすればいいの分かったし、自分の思い描いた通りに動かすことができた。 道具は使う人の能力を拡張させると言うけれど、私はあの丸いマウスと一緒に、文章を書いたり、絵を描いたり、本当に何でも出来る気がしたのだ。 それは Mac だけではなかった。iPhone も、iPadも、Apple 製品はいつも私を高揚させた。なぜ私はこんなにも惹かれるのか。不思議に思いながらも、私は Apple 製品を追いかけてきた。 どうして？ ... 実はその秘密は既に明らかになっている。 それは、モードレスだからだ。 直感的だとか、シンプルだとか、一貫性があるとか、そういったものは表出された一部にすぎない。 この秘密は、 今から 9 年も前にインターネットに公開されたテキストにあっさり書かれている。ソシオメディアの上野学
デザインシステムに採用する色を決める5つのルール : could
始めの一歩としての色共有 ひとりのデザイナーに頼らず、チームで運用できる体制を作るためにも デザインシステム は有用なツールです。しかし、様々な UI コンポーネントと決まりごとが揃ったものを作るのは骨が折れる作業です。デザイナー（もしくはエンジニア）が独自で作って「さぁ使いましょう」と公開しても、使ってもらえるとは限りません。また、デザインシステムをどこで共有して、どのように使われるのかも考慮しなければならず、他社の真似事では済まないこともあります。 作る前から課題が山積みでなかなか手が出せないかもしれませんが、何か始めなければゴールに辿り着くことはありません。そんな現場でデザインシステムを作る場合、色から始めることをオススメしています。 色なんて単純なところは出来ていると思う方は多いと思います。デザイナーであればパレットにしてまとめているでしょうし、エンジニアであれば色は変数にして整理
1体12分！？3日間でモンスターを100体描くためのイラスト時短術 | CyberAgent Developers Blog
こんにちは。サイバーエージェント デザイナーの渡辺です。 今回はスピード＆クオリティをモットーに制作した脳トレパズル『monster block』のキャラクターデザインについてご紹介したいと思います。 『monster block』とは？ 新感覚の脳トレパズル。宇宙に散らばっている全てのブロックを、1球のボールで消すことが出来たらステージクリアです。クリアする毎に1体のモンスターに出会え、様々な難易度のステージを全てクリアすると100体以上のモンスターに出会えます。 [App Store] [Google Play] 『monster block』の開発チームはデザイナー1人、エンジニア1人、プロデューサー1人の3名体制。スピード＆クオリティ重視の開発ということで、アプリ1本を1.5か月くらいでリリースできるのが理想だと話し合っていました。 1.5か月で全て完成させてリリースをするためには
デザイナーを伸ばす過程で大切にしたこと｜Nobuo Suzuki
1年目のデザイナーに教えたほうがいいことや、デザイナーを育てるとはどういうことなのか。 自分のことはどうにかなってきた20代中盤。「デザイナー育ててね」と突然言われても何から始めればいいのかもよく分からなかったですし、どうやってアドバイスしたらいいかも分からなかった当時、デザイナーの育成に関する記事があまりに少ない印象だったので、同じような境遇の方の役にたてば嬉しいです。 ※この記事は、2017年4月にMediumで公開した記事を加筆・転載したものです。*** 本人が課題を感じて初めて成長するWe don't know what we don't know. （分からないことが分からない。）突然ですが、他人に言われた時よりも自分で課題を認識できた方時の方が腹落ちしませんか？ 教える側は、相手が分かっていないところが分かるのですが、当の本人は「分からないことが分からない」状態なのです。でも、
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
なぜ急成長しているスタートアップではUI/UXが優れたサービスを作れるのか？｜～高垣のりこ～自分100年戦略ノート
本日は、LBSのEntrepreneurship Clubが主催するMONZO社のプレゼンがあったので、聞きに行ってきました。MONZOはRevolutと並ぶ、ロンドンを拠点とするFintechの雄で、オンライン銀行口座やコンタクトレスデビットカードといった一般ユーザー向けの金融サービスを提供する企業です。 （HPはこちら→https://monzo.com/） User Interface（UI：ユーザーがサービスを使用する際に触れるウェブサイトやアプリのデザイン）やUser Experience（UX：ユーザーが製品・サービスを使用する経験）に定評があり、LBSの学生にもユーザーが沢山いる有名な企業です。 さて、ユーザーにとって良いデザインのプロダクトを作ることを目指し、実際に非常に使いやすいアプリを作っているMonzoはどうやって優れたアプリを作っているのでしょうか。 答えは「徹底的
デザインっていう言葉｜宮澤聖二 | onthehead
いろいろな人がいろいろな意味合いで「デザイン」という言葉を使用されています。 例えば、見た目をコントロールするスタイリングという意味であったり、ゼロからなにかを生み出す行為、既にあるものを改善していく行為、何かを実現するためのフロー、システマチックな組み立てのためのグリッドやガイド、グラフィックソフトでつくられたもの、なにかを設計すること、誰かに指示されたことだけを処理すること、自発的になにかをつくること… などなど。 業界や分野、その人の経験や立場によって、デザインという言葉の意味が大きく違ってきます。 スタイリングに関してだけでも、シンプルな見た目を良しとしているのか、派手やかな見た目なのか、リアルなのか、武骨なのか、カラフルなのか、シックなのか、と、例をあげたらキリがありませんよね。 そこに発想や、設計、行動、フロー、コンセプトなどといった大きな部分を含めていくと、もうカオスです。
Googleのデザイナーなどのポートフォリオを300件以上閲覧できるサイト Bestfolios - LOGzeudon
海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の４カテゴリで情報がまとめられています。 Portfolios（ポートフォリオ） Resumes（履歴書） Resources（デザイン素材） Articles（投稿記事） オススメなページ順に、簡単に内容を紹介します。 Articles（投稿記事） ポートフォリオに関連した記事が読めます。 今のところ４記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may
IAレイヤーでデザインの会話ができる組織は、うまくいく。説。｜ikutani41
インハウスで新しいプロダクトや事業を作っていくうえで、広い意味でデザインの力が問われていることはもはや疑う余地がないなと思う昨今。 デザイナーだけでなくノンデザイナーさんも一緒になって、良いプロダクトを生み出していける組織になっていくためには何が必要なんだろうとよく悩んでいます。 最近の僕は、「みんながプロダクトの作り手として、プロダクトの提供価値を高めるためのディスカッションに参加できればいいんだろう」と思うようになりました。そして、「そのディスカッションでは何について話せばいいんだろう？」と考えるようになりました。 実際のデザインを作ったりコードを書くという専門的な仕事よりも上流の工程で、プロダクトの価値そのものについて議論できるような、そして組織内の共通言語によって会話が成立するようなレイヤーがないかと考えたところ、僕的にはそれがInformation Architecture（IA
ユーザーインターフェイス解剖学・改訂版（公開版）
社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。
デザインと言語化｜棚橋弘季 Hiroki Tanahashi
何かをちゃんとデザインしようとすれば、様々なことを言語化することを想像以上にはるかに多く強く求められる。 いま誰を対象として考えているのか、問題をどのように捉えているのか、何を問題の原因と捉え、どのようにそれを解決しようと考えているのか。それはいったい、どのような価値がある何をデザインしようとしているのか。 これらを言語化するのは誰か説明するためというより、自分の想像力をより明瞭にするためだ。複数人でデザインに関わっているなら、チームとしてのイメージをクリアにするためである。 もちろん、デザインには言語化するよりもそれ以外の方法を取った方がいい部分はたくさんある。ただ、そうしたものを除いても、デザインの過程においては言語によって明らかにすべきことは想像をはるかに超えてたくさんある。 わかるということは、次に何のアクションをすればよいかがわかること例えば、自分が何のためにデザインしようとして
ママリのブランドロゴに込めた想い｜きよえ氏さん
Connehito inc. ママリのデザイナー きよえ氏さん (@kiyoe_furuichi)です。 2018年1月、ママリの「新ブランドロゴ」がリリースされました。 ブランドロゴをリデザインする中で、ロゴに込めた想いや感じたことについてnoteにつづってみようと思います。 きっかけロゴの変更は、ブランドステートメントを刷新したことがきっかけです。ロゴは、ブランドの人格や役割を掲げるマークであることから、新しいステートメントをもとにリデザインすることになりました。 (ブランドの目指す姿： https://mamari.jp/about_mamari)) ブランドカラー新しいママリの色は「コーラルピンク」です。これまで育ててきたママリのイメージを守りつつ、新しいママリらしさを表す色を突き詰めた末に、このピンクを選びました。 コーラルピンクは、周りとの調和や助けあいのエネルギーを持つ、暖か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.life-is-bitter.com/entry/ui_checklist
