スプラトゥーン、みまもり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デザインという文脈でイベントに登壇するというのは、過去にあまり例がない。 今回登壇したの
魅力的なウェブデザインを素早く仕上げる、すごい無料UIコンポーネント素材30個まとめ
インターネットが進化することで、ウェブデザインの作成方法は変化してきていますが、デザインや配色など基本的な要素で悩んでしまうということも多いのではないでしょうか。 あらかじめ利用する素材を揃えたUIコンポーネントを使えば、より手軽にそしてスピーディーにデザインをウェブサイト制作を進めることができます。 今回は、あらゆるデザインコンセプトやプロジェクト案件に対応でき、無料ダウンロードできるUIコンポーネント素材をまとめてご紹介します。Photoshop で利用できるのはもちろん、最近人気の Sketch や Figma、Illustrator にも対応する素材が揃います。デザインアイデアが欲しいときなど、今後の参考にしてみてはいかがでしょう。 詳細は以下から。 魅力的なウェブデザインを素早く仕上げる、すごい無料UIコンポーネント素材まとめ iOS 10 GUI Kit Sketch / PS
レスポンシブと相性がいいカード型UIのレイアウトやデザインの実装アイデアのまとめ
Pinterestから人気が出始めたカード型UIは、ここ1, 2年の間に日本でも多くのWebサイトで見かけるようになりました。BootstrapやMaterial Designにも採用されており、レスポンシブデザインとも非常に相性がよいUIコンポーネントです。 そんなカード型UIのレイアウトやデザイン、アニメーションを伴ったインタラクションの実装アイデアを紹介します。 各リンク先ではHTMLやCSS、使用していればJavaScriptも編集・ダウンロードできます。 Recipe Card インタラクションの一部をアニメーションにしてみました。他にも写真がズームしたり、タブ（機能は未）などが用意されており、省スペースに多くの情報を掲載することができます。
iOS アプリの UI でこれだけはおさえたい、読み込み中の体験を向上させる基本 UI パターン3つ - クックパッド開発者ブログ
ホリデー株式会社 *1 の多田です。Holiday ( https://haveagood.holiday/ ) というサービスの開発を行っています。 アプリを通してユーザに価値を届けるためには、アプリの細部のインタラクションを軽視することはできません。細かい部分に気を配り使い心地を良くしてこそ、サービスで本当に実現したい価値をユーザにまっすぐ届けることができるためです。 iOS アプリの使い心地を良くするための基本的なインタラクションを以前当ブログで投稿した記事でいくつか紹介しましたが、今回は前回紹介しなかったインタラクションのうち、「読み込み中」の UI の基本パターンについて取り上げようとおもいます。 はじめに：なぜ読み込み中の UI を考えなくてはいけないのか Holiday iOS アプリでは、基本的にデータはクライアント側で持たずサーバと通信して表示するデータを受け取っており、
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
非エンジニアリング脳なデザイナーが新規アプリ開発の現場でXcodeを使用することがどのような影響を与えたか。について、自身の経験を元にまとめました。Read less
ひたすら最新のユーザーインターフェイスを紹介し続ける「UI Movement」
ユーザーの新しい体験のためのインスピレーションがぎっしり詰まったサイトのご紹介。 実際に仕様する技術やなんやというのはないのですが、「こういう動きが体験できるといいな」というアイデアの種となるでしょう。 少し前にCSSのボタンだけをひたすら紹介するサイトをご紹介しましたが、そのユーザーインターフェイスバージョンと思っていただければと思います。 ユーザーインターフェイスのアイデア 実際にユーザーインターフェイスのアイデアと言っても様々あるのですが、特に多いのはやはりモバイルインターフェイスでしょうか。以下のような画像がずらずらと閲覧出来ます。 心地よさと軽量の両立はなかなかバランス感覚が必要な作業ですが、気持ちい操作ってやっぱりいいですよね。 ひたすらUIを紹介し続けるサイト「UI Movement」 UI Movement - The best UI design inspiration,
Design Support Libraryを使い倒してカジュアルにアプリ実装 - 株式会社エウレカ
皆さん、こんにちは。Androidエンジニアの後藤です。 前回のブログで次回はAndroid MやDeveloperToolについて書きます！！と熱くなっていましたが、Design Support Library ( DSL ) の魅力をどうしてもお伝えしたくなったので、今回はDSLについて書いていきます！ これを機に、ライブラリが提供しているコンポーネントを使ってTODOアプリを作ってみたので、コードを見ながら一緒にDSLをマスターしていきましょう！！ もうコードを見たくて仕方が無い方はどうぞ！ https://github.com/eure/citrus Databaseには話題のRealmを使ってみています。 理由は、実はですね……… ……なんとなくです。 今回はデザインからコードまでを自分でやりました。DSLを使うことが目標なので、マテリアルデザインのルールは厳守していません。 D
【デザインまとめ】綺麗なデザインの管理画面 30選
以前記事にした「【デザインまとめ】綺麗なデザインの管理画面 40種類 」、時間が経ってリンク先が消えていたりしますね。 また綺麗なデザインの管理画面も追加したいと思います。 サムネイルだけで見ると、全部似たようなものに見えてきますが、デモサイトを見てみると細かな部分でデザイナーさんの個性が出ていて面白いです。 ご参考になれば幸いです。 左に紺か黒のナビがあるやつ ◆Material Admin デモサイト ◆Edumix 黄緑がきれい デモサイト ◆Make デモサイト ◆Con デモサイト メガネのロゴがかわいい ◆Mega デモサイト 黒でメリハリ ◆Admin box デモサイト ちょっとレトロ感ある色遣いが印象的。 ◆Singular デモサイト やわらかな色遣い。 ◆Azan デモサイト ◆Brio Web App デモサイト 丸みの強い要素がかわいい ◆HeyMetro デモサ
最近のUIデザインで使われている同一色相のグラデーションなど、人気のあるカラーのまとめ | コリス
落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ
オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で
説得力がグンと上がる！UIデザインの心理学
オライリーから出ている「ユーザーインターフェースデザインの心理学」から使えそうなものを実例を踏まえピックアップ！これでUIデザイン説明の説得力をあげよう！ 情報は一度にすべて見せるのではなく、そのとき必要なものを段階的に開示させた方がよい。 デザイナーが犯しがちな失敗は一度に大量の情報をユーザーに与えてしまうことです。 情報は一度に大量に与えるのではなく、その時点で必要としている情報だけを与えるほうが様々なニーズに対応することができます。 ユーザーの中には大まかな説明でよい人もいれば、詳細を知りたがっている人もいます。 つまりどういう事？ 情報は一度に見せるのではなく段階的に見せる 重要なのはクリック回数ではない。クリックのたびに必要な情報が手に入るのであればユーザーは喜んでクリックする 誰がいつ何を必要としているかを理解する。各段階で何を必要としているか的確に把握していないと、この手法は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
次のWebデザインですぐに役立つ！UIデザインに関する知識を深めステップアップを考えている人にオススメの本
ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
