『ニンテンドーキッズスペース』の「『スーパーマリオメーカー(Wii U)』スーパーマリオメーカーコース作成講座 ましことヤマムラ 第一話」ページです。

ゲーム・エンタメ最新情報のファミ通.comニュース任天堂・宮本茂氏が語るゲームデザイン。「ゲームデザインとは設計」。前に遊んだゲームをより豪華にするのではなく、身の回りの何をテレビゲームにしたらおもしろいかを組み立てる

ビデオゲームデザイナーに役立つであろうWebや書籍の資料を、ジャンル別にまとめてみました！ ゲームデザインの基礎理論 ◆あそびのデザイン講座（安原広和氏） ◆フロー理論 ◆MDAフレームワーク 時代遅れと言われようとMdaフレームワークの紹介 from MaxNeetGames MDAフレームワークの定義 A modern approach to game analysis and design: the AGE framework from Roberto Dillon 古典 2dgames.jp その他 書評とか レベルデザイン（メカニクスの展開・拡張） コントラスト CEDEC2016 「コントラスト」で考えるゲームデザイン・レベルデザイン from Kouji Ohno ワンランク上のゲームデザイン・レベルデザイン・UIデザインを考える 「コンテキスト」「コンフリクト」「コントラス

ターゲットまでの移動時間は、ターゲットの大きさとターゲットまでの距離に依存する。 Fitts's Law and Its Applications in UX by Raluca Budiu on July 31, 2022 日本語版2023年1月10日公開 歴史 ポール・フィッツは、ヒューマンエラーが単なる人間による誤りではなく、不適切なデザインに起因することを理解した最初の心理学者の1人である。彼は第二次世界大戦中に飛行機のコックピットのデザインを研究し、ヒューマンエラーが原因であるとされていた多数の戦死が、実際にはデザインの不適切さによるものであると主張した。 1950年代になると、彼はシャノンの有名な情報理論の影響を受ける。そして、ジョージ・ミラーがチャネル容量の概念を人間の記憶に適用し、その過程で人間の短期記憶の情報処理能力として有名なマジカルナンバー7を導き出したように、フィッ

デザイン思考が生んだ、問題解決というデザインの「誤解」 イノベーションを促進する方法として、2000年代のビジネス界に瞬く間に広まった「デザイン思考」。しかし、そのなかで「デザインは問題を解決するためのもの」という誤った意識が強まってしまったと、あるデザイナーは警告する。 2023.06.01 アップルの台頭とともに高まった企業のデザインへの関心。 その流れを追い風に広まったのが「デザイン思考」ではないだろうか。 しかし、そのなかで「デザインはアップルの成功を追随させてくれるもの」「デザイナーは問題を解決する人」という認識も強まってしまい、デザイナーの役割を窮屈にしててしまった——ノースカロライナ州立大学グラフィックデザイン学科助教授で、自身もデザイナーのジャレット・フラーは言う。 では、デザイナーの真の力を発揮するためにもつべきマインドセットとは何か？ フラーはスウェーデン政府イノベーシ

ダンジョン、作るの得意ですか？ なんとな～くマップタイルを敷いてみたり。 なんとな～く分かれ道を作ったり。 なんとな～く行き止まりに宝箱を置いたり置かなかったり。 なんとな～く敵を配置してみたり。 なんとな～く謎解き要素を入れてみたり。 していませんか？ ダンジョンってそれっぽく作ることは簡単なんですよ。 ただ、そうして作られたダンジョンが面白いかどうかはまた別です。 ぶっちゃけ、 分かれ道があったところで怠いダンジョンは怠いし、ちょこちょこ宝箱があった所で「うひょ～、このゲーム最高に楽しいぜ！！」とはならない。 というのが現実じゃないですかね。なんとな～く作ったダンジョンが、なんとな～くつまらないダンジョンになっても、まぁ別に全然おかしな話じゃないわけです。 ただ、なんとな～く作っている人も、別になんとな～く作りたくて作っているというよりは、 何を考えて作れば良く分からんからとりあえず手

『デザインシステムのプロセスを確立することで、デザイナーや開発者、関わるすべての関係者が最高のパフォーマンスを出せるようしたい』 Saas事業を担うプロダクトカンパニーでは、2018年からデザインシステムの検討・テスト導入が始まり、2022年から「Allied Desigin System（アライドデザインシステム ）」と題して、複数のプロダクトを横断したUI・UXの統一を目指しています。 今回は、デザインシステム導入を主導したフロントエンドエンジニアの吉原ゆりさんと、プロダクトカンパニーCDOの相原幸司さんに導入背景や目指す姿についてお話を伺いました。 吉原ゆり（よしはら ゆり） 2016年に新卒でアライドアーキテクツに入社。バックエンドエンジニアとしてモニプラやbrandtouchの開発に携わり、2019年頃にフロントエンドエンジニアに転身。現在はフロントエンドチームのリーダーとして、

トグルボタンとは トグルボタンとは、1つのスイッチでON／OFF（有効／無効、再生／停止）といった2つの状態の切り替えをおこなうボタンのこと。「留め釘」という意味を持つ、トグル（toggle）を由来とした用語です。 トグルボタンは、システム設定や環境設定の変更によく用いられています。 UIデザインにおいてトグルボタンが優れている理由のひとつとして、その面積が挙げられます。ラジオボタンを2つ使う場合と比べると、トグルボタンを使うほうがスペースを節約できます。 トグルボタンを使うべき場面 トグルボタンは、ON／OFF以外の状態に設定できません。 たとえば先ほどのような「機内モードを持続的に有効（無効）にする場合」にはトグルボタンが適していますが、以下のような「一回だけの行動」「一時的な状態」に関しては、トグルボタンを使うべきではありません。

回答 (2件中の1件目) 理由の一部を挙げると、ラップトップの熱管理システム(プラスチックではなく金属であるためにより簡単です)にとどまらず、ファン自身のディテールにもこだわるという、ディテールへの熱狂的な注意からです。 ファンをデザインしろと言われたとき、そんなに難しくないだろうと思われるかもしれません。つまりは円の周りに刃がたくさんくっついているものでしょう？ これらは、回った時に音を出します。 Appleは、ファンからの音のほとんどが、それぞれの刃がその前にある刃がつくる渦にあたることで発生し、ファンを非対称にすることで、つまり刃の間隔を均等にしないことで、音の多くを中和でき...

Your typographic choices can help you display legible text, convey an information hierarchy, communicate important content, and express your brand or style.

日本でもメジャーなデザインツールとなった「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳しく紹介します。「Auto Layout」はデザインを効率よく進められるだけでなく、デザイン段階でHTML・CSSコーディングの参考になる情報を追加できます。 デザイン段階での使い方はもちろん、Figmaでデザインを受け取ったエンジニアがどう考えて実装していくべきかまで紹介します。デザイナーはもちろん、Figmaで作られたデザインファイルを受け取る可能性があるエンジニアの方も是非ご覧ください。 Auto Layoutとは 「Auto Layout」とは、設定した

【Apple Watch Series 7 デザイナーインタビュー前編】開発の裏側に林信行が迫る Design林 信行アップルウォッチアップル 2021.11.08 文：林信行 アップルには毎年、Apple Watchで命が救われたというメールが多数届く。アップルを健康領域に導いたという同製品は、血中酸素レベルが計れることでも注目され、コロナ禍でさらに人気を高めている。そんなApple Watchに今年、2015年の登場以来、最大のモデルチェンジが行われた。ディスプレイの縁取りがわずか1.7mmになり、前モデルに加えてディスプレイ面積が20％も大型化。もはや世界一利用者の多い腕時計となった同製品の進化の裏に果たしてどんな試行錯誤があったのか、Apple社プロダクトマーケティング担当副社長のStan Ng（スタン・イング）とインターフェースデザイン担当副社長のAlan Dye（アラン・ダイ）

“シリコンバレーを作った人物の1人”と称され、故スティーブ・ジョブズ氏が頼りにした人物がいる。 レジス・マッケンナ氏。 半導体関連の企業で働いたあと、70年代にみずからのマーケティング会社を設立した、マーケティングのプロだ。 あるときマッケンナ氏は、うわさを聞きつけたジョブズ氏から電話でコンタクトを受け、ジョブズ氏、そしてエンジニアのスティーブ・ウォズニアック氏との打ち合わせにのぞんだ。 相談は「アップルII」（1977年発売）というコンピューターのマーケティングについて。 ジョブズ氏らは、製品についての記事を雑誌に載せる方針を明かした。 マッケンナ氏は、その内容があまりに専門的で、一般の消費者には受け入れられないと感じ、「市場を広げたいなら、自分と同じようなタイプの人たちに発信するのではだめだ。記事は書き直すべきだ」と助言した。 ところが2人はその意見を気に入らず、部屋を出ていってしまっ

回答 (4件中の1件目) 一般的にどう評価されているかは、あまり存じ上げないですが、パターンの多くは、もはやあたり前に存在するという印象です。また、意識しなくても実は使っているというケースも多いです。 それと、自分が何気なく実装したものが、実はどれかのパターンに該当するということも多いですね。 GoFのデザインパターンについての解説の多くがオブジェクト指向を前提としているため、例えば関数型言語のHaskellなどでは使えないパターンもあります（例えばSingletonパターンとか） あとは、クラス名とか型の名前をつけるときの参考になります。例えばStrategyパターンを使っている...

English version: How to realize various actions in a one-button game はじめに 自作ゲームライブラリcrisp-game-libを使ったミニゲームを最近たくさん作っているが、特に多く作っているのがワンボタンゲームだ。ここで言うワンボタンゲームは、レバーによる移動の他のボタンが1つ、といったものではなくて、純粋に1つのボタンしか操作に使わないゲームを指す。 ワンボタンゲームの利点は、操作が分かりやすく、タッチデバイスでも操作しやすい点にある。とにかく何かボタンを押せばそれがプレイヤーが取れる動作の全てであり、操作説明がほぼ不要である。またタッチデバイスでも画面中のどこかをタップあるいはホールドすれば操作ができるので、バーチャルパッドでよく起こる、ボタンを押した感触が無いので操作がしづらいという問題が発生しない。 欠点は、当然

WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では

［GDC 2021］「Ghost of Tsushima」を作り上げるうえで重要となった5つの要素とは。物語の進行と戦闘の関係を解説するセッション・Master of the Katanaをレポート 編集部：Junpoco オンラインで開催中の世界最大規模のゲーム開発者会議「Game Developers Conference 2021」（以下，GDC 2021）では，AAAやインディーズ，クラシックな作品など，さまざまなゲームをテーマとしたセッションが行われている。 その中でも目立つのが，ソニー・インタラクティブエンタテインメント（SIE）から2020年7月17日にリリースされたオープンワールド時代劇アクションアドベンチャー「Ghost of Tsushima」に関するセッションだ。開発者やメディアの投票で受賞タイトルが決定される「Game Developers Choice Award

あそびのデザイン講座 「ゲーム開発者になりたい」「ゲームを作ってみたい」という子供達、小中学生の声は数多く聞かれますが、そういったものに応えられる教材はなかなかありません。 そこでUnityでは「ソニック・ザ・ヘッジホッグ」「アンチャーテッド エル・ドラドの秘宝」などの作品で世界的に知られるゲームデザイナー安原広和氏を講師に迎え、ゲームとはどのような遊びか、遊びとはどうやって作るものか、というごく基本的なところから丁寧に積み上げて教えていくための教材「あそびのデザイン講座」を作成、公開することにしました。 「あそびのデザイン講座」は用途に関わらずどなたでも無料でご利用いただけます。 資料をご希望の方は下記アンケートフォームへご入力後、後ほど送付されるE-Mailのリンクより教材をダウンロードしてください。

連載モノとなっております。 今回より全5回に渡り、pjax（pushState + Ajax）に関する基本から使用時の注意点、トラブルシューティングやtips、果てはちょっとマニアックな内容を書き綴らせていただきます。 第1回 「これからpjaxを使う人に知っておいてほしいこと」 第2回 「How to use pjax well?」 第3回 「pjaxでのイベント処理」 第4回 「jquery-pjax」 第5回 「Barba.js」 この記事を書こうとした2016年の春頃にはReactだ、Vueだ、Web Componentsだ、Riotだ…と、これまでの高コストなDOM操作をする方法ではなく、ユーザーの操作に応じてインタラクションを返す際は、Virtual DOMを使ったりコンポーネントを取り替えるようにしろ、的なものが主流になってきていたのでpjax自体もう枯れた技術になるかな…と