ボードゲームのデジタル化の工夫 - 「レッツプレイ！オインクゲームズ」のUI｜オインクゲームズ
2021年12月16日、オインクゲームズの人気小箱ボードゲームを Nintendo Switch で遊べる「レッツプレイ！オインクゲームズ」がリリースされました。 ボードゲームのデジタル化は、数々のデジタルゲームを手掛けてきたオインクゲームズのデジタル部にとっても初めての挑戦で、試行錯誤の連続でした。元々のボードゲームをよく知ってるだけに、対面でプレイした時の楽しさ・盛り上がりが再現できるか、不安がありました。しかし、チーム内で何度もテストを重ね、UI や演出を工夫していった結果、間違いなく対面でのプレイに匹敵する作品が完成しました。 XD 上で色々と考えながら UI を作っても、実際に組み込んで動かしてみると、全然意図通りに機能しなかったり、分かりにくかったりすることがたくさんありました。ここでは、UI デザイン・演出担当が、どのような問題を感じ、どのように解決していったかを、初期に開発
君のプロダクトはビタミン剤か？鎮痛剤か？それとも治療薬か？ デザイン会社 ビートラックス: ブログ
プロダクトやサービスのアイディアを考える際に最も重要とされているのが「ユーザーの課題解決に繋がるか」という点。これは、どう考えても正しい考え方な気がする。だって、そもそも課題を解決してくれないサービスなんていらないし、お金も払う気にもならない。 と、思いがち。でも現実は大きく異なる。 意外と課題を解決していないヒットサービスが多い現在大ヒットしているプロダクトのその多くが、実は元々あった課題の解決をしていないのだ。まさかと思うが、下記のようなサービスは、ユーザーのどんな課題を解決したのだろうか？ FacebookYouTubeTikTokそう。どうしても解決してほしい課題があったわけではない。でも、使い始めたらなぜか使い続けてしまう。これらのサービスは、課題を解決していないのに、新たな習慣を通じ、ユーザーに大きな価値を生み出した。 これこそがプロダクトやサービスを考える際の大きな盲点。 特
「中村佑介展 BEST of YUSUKE NAKAMURA」に行ってきた
きっかけ中村佑介さんのツイートを拝見していて、展覧会を開催していることを知り、行きたいと思っていたところ、ちょうど飯田橋で予定があったので、先週末に行ってきた。東京ドームシティのギャラリーアーモで開催している。当日券で一般1,100円だった。 こんな感じ写真撮影OKでSNSなどにあげて良いとのこと。 ソルファのジャケットは高校生の頃、中村佑介さんのイラストを知る一番最初のきっかけだった気がする。アジカンが好きなのもジャケットが好きというのも大きい気がする。写真にある通り、原画も見ることができる。会場内でアジカンの曲が流れててエモかった。 四畳半神話大系。アニメが好きだった。もちぐまんかわいい。 四畳半タイムマシンブルース。これの原画が観たくて行ったところもある。原画の時点でめちゃめちゃ描き込まれていて凄さを感じた。四畳半タイムマシンブルースに関しては記事を書いたので、良ければぜひ小説を読ん
『カービィ』のUIで大事なのは「可愛らしさ」ではなく「あたたかさ」。『星のカービィ』シリーズを支えるUIデザインの伝統と挑戦の実例【CEDEC2020レポート】
毎年横浜で開かれていたCESA主催、ゲーム開発者向けの技術講演であるCEDECだが、今年はコロナウィルスの影響もあり初のオンライン開催となった。二日目である9月3日（木）に行われた「カービィUIでおもてなし！「ゲームとプレイヤーを繋ぐUI」を目指して」とセッションでは、今年で40周年を迎えるハル研究所のスペシャリスト UIアーティストである伊藤晴香氏とリードUIデザイナーの剣持紫氏のお二人による、デザインの中でも目立ちにくいUIという部分のゲームにおける重要性の高さと実際のデザイン手法の講演が行われた。 取材・文／rate-dat 剣持紫氏（左）・伊藤晴香氏（右） 講演内では5つのトピックで、「星のカービィ」シリーズが目指しているUIのあり方と、UIデザインの基礎、実際にシリーズでの事例を用いてどのようなUIデザインの手法をとっているのかの説明に加え、実際に開発に用いられている内製ツールの
HTMLとCSSで、デザインと1pxのずれもなく正確に実装する必要はあるのか？ ピクセル パーフェクトの現状
デザインと1pxのずれもなく、HTMLとCSSで実装することを「ピクセル パーフェクト」と言います。このピクセル パーフェクトは必要なのか、現在の制作で求められているのは何か、ルックアンドフィールに合わせた実装を紹介します。 The State Of Pixel Perfection by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ピクセル パーフェクトとは 2010年頃のWeb制作 ルックアンドフィール コード化された結果がパーフェクトかどうかの判断 バリエーションとコンテキスト 現在の状況 モダンCSS CSSフレームワークの影響 好き嫌いではなく、期待通りに デザイナーに役立つアドバイス デベロッパーに役立つアドバイス 終わりに はじめに 「ピクセル パーフェクト」という言葉を最
STORESロゴデザイン漂流記 〜完成に辿り着くまでのアイデアと対話の全記録〜｜Takamasa Matsumoto
CoineyとSTORES.jpがheyへと経営統合してから約2年。 それぞれ別々のサービスブランド名で運営していましたが、統合してついにひとつの 「STORES」として始動することになりました。 ブランド統合にあたり、STORES.jpとCoineyのデザイナーによる組織横断メンバーと、外部パートナーで組成されたブランドデザインチームで、新生「STORES」のロゴデザインをつくりました。 「STORES」はどんな世界を目指しているのか。制作プロセスにおける、アイデアや対話のプロセスを通じて、その想いをお伝えできればと思います。 新しいストーリーラインへ まず、新しいロゴの方向性を検討するにあたりチームで行ったことは、2つのブランドが持つストーリーが交差した先にある、新しいストーリーラインはどのようなものかを考えることでした。 その上で具体的に現状のロゴをそもそも大きく変えるべきか、変える
UI改善のためにエンジニアに仕様を構造化してもらったら再設計がめちゃくちゃ捗った話｜鈴木 健一 / PLAID & Ex.STANDARD
この記事はPLAID Advent Calendar 9日目の記事ですUI改善の前提理解、うまくできていますか？皆さんはこれまで着手してこなかった既存画面のデザイン改善をする時、どのように進めているでしょうか。 自分がプレイドで所属しているreBAISUというチームでは、タタキとして定義したスタイルガイドを旧来の画面に適用しながらUI改善する取り組みをしています。 取り組み方として、改善対象となる画面の仕様を理解しながら課題を見つけ、解決策を検討していく流れになるのですが、この仕様理解が難しいと感じていまして。 なんとか前提理解を促せる方法はないものかと検討した結果、対象画面の構成要素をひとつずつ紐解いていく方法で理解していく「デザインの逆行分析」という方法をとっていました。 デザインの逆行分析とは「リバースエンジニアリング」とも呼ばれる手法で、その考えをデザインでも応用しようというもので
元Wieden+Kennedy Tokyo エグゼクティブ・クリエイティブ・ディレクター長谷川 踏太 氏がギフティのCCO(Chief Creative Officer)に就任 〜 デザインチームと企業活動全般のブランディングを強化 〜
元Wieden+Kennedy Tokyo エグゼクティブ・クリエイティブ・ディレクター長谷川 踏太 氏がギフティのCCO(Chief Creative Officer)に就任 〜 デザインチームと企業活動全般のブランディングを強化 〜eギフトプラットフォーム事業(※)を展開する株式会社ギフティ(本社：東京都品川区／代表取締役：太田 睦／以下、ギフティ)は、2019年12月1日より、CCO(Chief Creative Officer)のポジションを新設し、元Wieden+Kennedy Tokyo(ワイデンアンドケネディ トウキョウ)エグゼクティブ・クリエイティブ・ディレクター 長谷川 踏太 氏に就任いただくこととなりましたので、お知らせいたします。 ギフティは、組織内でのクリエイティブ思考の醸成および企業およびブランド価値のさらなる向上を目指し、長谷川氏のイニシアチブのもと、デザインチ
Qiitaのビジュアルアイデンティティを再定義し、ロゴ等を変更しました - Qiita Blog
こんにちは、Qiita 開発チームのyaotti です。 Qiita では昨日12/1から、年間を通して一番盛り上がるイベントであるアドベントカレンダーが始まりました。 12月になりましたが参加者募集中のカレンダーもまだたくさんあります。書けそうなテーマのカレンダーがあれば是非参加登録して一緒にそのテーマを盛り上げていきましょう🎅🎄 2019年の募集中のカレンダー一覧 – Qiita 今回は本日2019/12/2に変更した Qiita のロゴについて、その背景と目的をお伝えします。 一言でいうとQiita 運営者としてサービスの思想やブランドをユーザーの皆様にお伝えするために、ビジュアルアイデンティティを社内で定義・言語化し、それに沿った形にロゴや各種ビジュアル要素を作成しました。 ビジュアルアイデンティティとはビジュアルアイデンティティ (VI) とは、ブランドを視覚的に伝えるための
Heroku 花札 | Heroku
リソース Herokuとは？ ヘルプ お客様 採用情報 イベント情報 ポッドキャスト コンプライアンス Heroku は 開発者のために CTOのために チームコラボレーションのために スタートアップのために エンタープライズのために ソフトウェア開発会社のために 学生のために その他 言語 Node.js Ruby Java PHP Python Go Scala Clojure その他 Heroku Blog からの最新情報 Heroku Blog ブログからHerokuの最新情報を見つけましょう。 その他の投稿 すべての投稿を見る 背景: Heroku 花札の創作 Heroku には全世界から様々な人々が集まった多様なチームがあります。私たちのコアブランドは、明晰・調和・技巧の実例となっています。この価値観を讃えて、私たちはトランプを作成しました。このプロジェクトを再訪する時期になり
アプリのアップデート100本ノックから学ぶUI改善のヒント｜宮﨑 晃
はじめまして。HR業界でアプリマーケティングをしている宮﨑といいます。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで毎日投稿しています。 https://twitter.com/yositune12345 noteでは10月の1ヵ月間で100本のノックをする中で感じた「〇〇できたら、ユーザー体験が良くできそう！」というトピックスを投稿します。 どうやってるのか？①Playストアの設定で自動更新をOFFに ②アップデート待ちのアプリが溜まる あとは一通りスクショを残してからアップデートし、UIの変更がないかを見比べていきます。 それではいってみましょう！ ①確認画面で離脱させない確認画面で何か不安になった時、画面を往復させられると面倒な気持ちに。あらかじめ不安になりそうな要素を揃えておいて離脱させな
デザインのいろは｜Adobe
さあ、デザインしよう！ と思ったとき、あなたは何からはじめますか？ いきなり手を動かしてしまうと、デザインの方向性が定まらず、迷子になりやすいもの。 まず最初にするべきなのは、この３つです。 １・目的を決める ２・優先順位をつける ３・イメージをつかむ では、さっそくウォーミングアップから。 Q：ここに「朝ごはん」をテーマにした３つのデザインがあります。どれが一番良いデザインだと思いますか？ 正解は……そう、「わからない！」ですよね。 ただデザインだけを並べて見ていても、それぞれに一長一短があり、どれが「いちばん」かなんて選べるわけがありません。 何かを作りたいと思ったときに、いきなり制作をはじめてしまうのはとっても危険。どういう意図で、どういう表現をするかを考えないまま手を動かすと、無限の選択肢があるように思えて延々と悩んでしまうかもしれません。
【2023】おしゃれな配色パターンが見つかる！カラーパレット人気ツール28個まとめ | Web Design Trends
配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。 おすすめカラーパレットツール・サービス AIを使ったカラーパレットツール 2色の配色パターン見本 3色の配色パターン見本 4色の配色パターン見本 5色の配色パターン見本 その他のカラーパレットツール・サービス グラデーションの配色パターン見本 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流
フォームのボタン配置はどこが最適か、左揃え・横並び・上下など、フォームのタイプごとに詳しく解説
フォームのボタン配置は、多くの場合無視されるか、見映えに基づいて優先順位がつけられます。しかし、ボタン配置は非常に重要で、フォームを使いづらくする要因の一つであるため、正しく配置することが不可欠です。 フォームのボタン配置は、対象のボタンとフォームのタイプに依存されます。 さまざまなタイプのフォームを総合的に調査・分析し、それぞれのタイプでどこにボタンを配置するかについて解説します。 Where to put buttons on forms by Adam Silver 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 プライマリボタンは入力欄の左端に揃える 「戻る」ボタンはフォームの上に配置 分岐するアクションはフォームの上に配置 機能に応じて追加のボタンを配置 一部の単一フィールドのフォームでは、入力欄の横にボタンを配置 マ
新しいロゴについて
2019年6月18日、株式会社ギフティは2010年の創業時から使用していたロゴを刷新しました。新しいロゴは、これまで用いられていたミッションやビジョンを踏襲して制作され、コーポレート・アイデンティティ (CI) として運用されます。このページでは新しいロゴについてご紹介します。 ギフティの新しいロゴは "小さな星" を意味する「Asterisk*」(アスタリスク) をコンセプトに据えて設計を行いました。たとえ贈るモノが1杯のコーヒーだとしても、受け取り手の日常がキラッと輝く星のような瞬間を作り出したいという想いを込めています。 各事業シーンでの利用を想定し、バランスを重視したデザインに仕上げました。 ロゴタイプには視認性に優れたベーシックなサンセリフを採用。斜め上に配置されたシンボルマークの「Asterisk*」(アスタリスク)のデザインには、夜空に輝く星、 ギフトボックスに結ばれたリボン
武蔵野美術大学 白石教授に、色に関する素朴な疑問に答えてもらった話｜スギウラトモコ / Fenrir Inc.
GWが明け5月も半ばに入ったにもかかわらず、朝から降り続いている雨の影響で思ったより寒い5月14日、武蔵野美術大学デザイン情報学科 白石教授とお話できる機会をいただいた。 はじまりはフェンリルの最高デザイン責任者（CDO）である戸塚が新卒採用の一環として、戸塚の母校でもある武蔵野美術大学に伺った際、色彩心理学の研究を行っている白石教授（以下、白石先生）と「フェンリルでも色の視点からユニバーサルデザインに取り組んでいる」という話をしたところから。 ユニバーサルデザインといえば…と社内で浸透してきたおかげで私に白羽の矢が立ち、カラーユニバーサルデザインなどに関する質問の他、フェンリルのデザイン部で話題に上がった色に関する素朴な疑問をお答えいただくことができた。 中には答えにくい質問であったり白石先生の専門外の質問項目が多数あったと思われるのだが、とても真摯にお答えくださった。正直、初対面でガチ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FlutterIcon - Flutter custom icons generator
BANK「PRの7RULES」
Rebrand 2018 | Case studies | Design at Uber
【CEDEC 2018】明快で軽快！ Nintendo SwitchのUIを触るだけで楽しい理由 - GAME Watch
