東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：鯉をありがとう ～佐久鯉の甘露煮をまるまる1本いただく ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes ねえ、これ、なんだと思う？ 冒頭で述べたタイプのパッケージのヨーグルトを購入した私は、そのまま、デイリーポータルZ編集部へ向かった。 編集部員の安藤さんが仕事をしている。遠くから、呼んでみよう。 安藤さん、安藤さん、これ、なんだと思う。 安藤さんは、「？」という様子。 「え、シャンプーですか。詰め替えるやつ」 よく見てください。これ、これだよ。 「なんなんですか、おしゃれなパッケージだし、洗剤じゃないんでしょう？ リンスですか」 せめてコンディショナーと言ってほし

ここの画面ではメインボタンの「START」を目立たせたいのですが、右上のボタンに目がいってしまいます。 右上に目がいってしまうのは、最後に動く箇所に視線が移動するので不必要に右上に視線が誘導されます。 他にもコントラストや動き量がメインボタンよりも大きく変化しているため、いやでも目についてしまいます。 不必要に待たせている 最後に動かすところに視線が行きますが、視線をメインボタンに向けさせようと最後のアニメーションを長くしてしまった結果、ユーザーがアニメーションによって待たされている状態になってしまいました。 メインボタンはすぐに押してゲームを遊べることが大切になるので、最後にボタンを大きく動かして目立たせてもユーザーは早く押させて欲しいと思ってしまうので、アニメーションは短くサッと出して上げてユーザーが気持ちよく行動できるといいですね。 動き過ぎ、優先順位が曖昧 全てが動き過ぎてしまい、

ソーシャルゲーム会社でUIアニメーションや演出、エフェクトを担当しています。 UI演出についての知見を深めるためにブログを始めました。 最近インプットアウトプットをしていなかったので、ブログをきっかけにインプットアウトプット力を高めていけたらと思っています。

イージングなしとあり 画像ではイージングがわかりやすいようにグラフを入れてあります。 横が時間、縦がスケール、点がキーが打たれていることを表しています。 UIごとのイージング UI素材ごとにどのような緩急の付け方が良いのか迷うかと思います。 ダイアログアニメーション以外に、画面遷移時のUIの動きやクエスト開始演出など様々なアニメーションを入れるたびにどのイージングが正解なのか、それについては正解はありません。 ゲームの色味やデザイン、世界観を知らずにアニメーションは付けられません。 また、UIがどこまで世界観を踏襲するのかで、システムのような動きにするのか、世界観に合わせた動きにするのかも変わってきます。 こういった部分は関係部署にコミュニケーションをとってどんなゲームを作りたいのかを把握し、イージングはどうするのかを考えていきます。 そして、予備動作やオーバーシュートが必要なのか不要なの

2020-01-30 クオリティ第一 ゲーム開発 デザイナー プランナー 「技術＆仲間」と紡ぐ、ゲームUI/UXのワークフロー ～CGWORLD 2019 クリエイティブカンファレンス登壇レポート～ 2019年11月3日（日）に開催された『CGWORLD 2019 クリエイティブカンファレンス』にて バンダイナムコオンラインのデザイナーが講演を行ないました。 登壇したのは、ビジュアルデザイナーとして ゲームのUI（ユーザーインターフェース）デザイン、リードビジュアルを担当する太田垣 沙也子さん。 ビジュアル業務のなかでもやや特殊なポジションと言えるUIデザインには、 使いやすく美しいデザインを作るのはもちろん、 プランナーと共にゲームのフローを考え、エンジニアに渡すための実装データを作るといった多岐に渡る業務があります。 その中で今回は「トライ＆エラー」について注目。 『UI! UI! U

先日、経済産業省・特許庁の「デザイン経営」宣言もあり、デザインの重要性が話題になることが増えました。具体的には組織だったり、評価・報酬だったり、採用・育成だったり、多岐に渡っていると思います。 一方で「デザイナーがいない。」とよく聞きますし「誰かいない？」と相談も頂きます。そして、僕は、デザイナーの人口が増えて活躍することができれば、より良いプロダクトやサービスが溢れ、世の中はより良い方向に変わっていけるのではないか。と考えるようになりました。 では、デザイナー人口を増やすには、微力ながら自分で何かできないか。と考え、いろいろトライ&エラーした結果、同じ思想を持つCocoda!に出会い共感し、アドバイザーというカタチで力添えさせて頂くことになりました。 今回は、Cocoda!チームへの初アドバイスとして、"UIデザイナーになる、もしくは、より良いUIをアウトプットできるようになる為には、何

2018/4/27（金）に渋谷・DeNAオフィスで開催した『UI Crunch #13 娯楽のUI - by Nintendo -』。"もっと楽しく"を追求する、任天堂のUIデザイナー3名をお迎えし、「Splatoon」 や「Nintendo みまもり Switch」 などの事例を交えながらお話いただきました。 https://ui-crunch.connpass.com/event/82969/ 　 ■■■■コンテンツ■■■■ 00:00:00～ 自己紹介・もくじ 00:03:57～ ①あそび心とUI 00:23:02～ ②SplatoonUIの狙い 00:42:22～ 任天堂の紹介 00:46:14～ ③NintendoみまもりSwitch は 誰のもの？ 01:07:07～ さいごに 01:10:51～ Q&A 【UI Crunchとは】 UI Crunchは、DeN

普段、インターネット上ではただのゲーム好きとして活動（？）しておりますが、本職はWebサービスやスマートフォンアプリのUIデザイナーをやらせていただいております コウノ アスヤ（@asuyakono）です。 退勤後はイベントに登壇！土日はコンセプトデザインで習作！みたいな同僚を横目に、仕事の時間以外はもっぱら家にこもってゲームを遊び、プレイ後に感想を記事にしてネットに公開することが多いです。それがこのブログです。このブログではいつも「良いも悪いも正直に。なるべく平易な文で。」をモットーに書いてますが、記事のボリュームを考えたり、専門的すぎないように気をつけていると、どうしてもなくなく端折らざるを得ない話題というものがあります。 それは、ゲームにおける「インタラクション・デザイン」のことです。 「友達が少ない」「インドア」「両親が共働き」の３本揃いで、物心ついた時から１人で黙々とビデオゲーム

2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法　～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている

UI Crunch #11 金融業界に革命を起こす、FinTechスタートアップのUIデザイン / 2017.09.06

2017年2月28日、東京・目黒にてドリコム主催のエンジニア向け勉強会「Drecom Tech Espresso」が開催された。 勉強会第1弾となる今回は、「100万ダウンロード突破！ ダビマス開発の裏側大公開！」というテーマで、同社のエンジニア（サーバサイド、クライアントサイド）がゲーム開発における様々な取り組みを紹介した。 ■「スマホでサクサク、より分かりやすく」の裏側 『ダービースタリオン マスターズ』でクライアントエンジニアリーダーを務めた西村拓也氏が登壇した。同氏は、Cocos2d-xやUnityを用いたソーシャルゲームのほか、ニンテンドーDSなどのコンシューマーゲームの開発の経験もあるゲームプログラマーだ。 セッションでは「UIフレームワーク制作による開発期間の短縮」をテーマに、UI画面制作の効率化における取り組みが紹介された。 『ダービースタリオン マスターズ』は、「スマホで

今更言うまでもない事ではあるが、ゲーム画面においてHPゲージを始めとした『UI（ユーザーインターフェース）』は重要な要素としてゲーム内に存在しており、HPゲージやMPゲージ、弾薬数、速度計、スコア、そしてレーダーや地図、クエストやコマンド、アイテム欄など様々なもので構成されている。 しかしこういったゲージ類は作品によって大きく異なった位置に割り当てられている。例えば、ある作品では左上に配置されていたHPゲージが、別の作品では左下に配置されていたり、中央上部に表示されているというケースも見たことがあるだろう。 それはなぜだろうか？ なぜ、HPゲージは左上で固定されていないのだろうか？ なぜ、弾薬類の表示は右側に集中しているのだろうか？ なぜ、速度計は右下に配置されているケースが多いのだろうか？ なぜ、コマンドメニューは下側に配置されているのだろうか？ そもそもなぜ、普段遊んでいる時は、このよ

SiFi-TZK @SiFi_TZK ここがダメだよ！ゲームのUI。その１、同じ機能なのに使うボタンが違う。「そんなわけねーじゃん！」とお思いでしょう？でも例えば、「マップを拡大するボタン」と、「ギャラリーでモデルを拡大するボタン」が平気で違ってたりする。 2016-11-11 01:41:12 SiFi-TZK @SiFi_TZK ここがダメだよ！ゲームのUI。その２、同じものが違う場所に表示される。「そんなわけ(ry」あるモードでは「名前、ステータス、技」の順番なのに、別のモードで開くと「名前、技、ステータス」の順になってたりとか。 2016-11-11 01:45:17

ゲームとプレイヤーをつなぐものとして重要なユーザーインタフェース（以下，UI）。そのUIに込められているゲーム制作者の意図を解説する「エフェクト/UIモーションの役割〜背後にある意図とその実現」と題する講演が，2016年8月24日のCEDEC 2016で行われた。 講演を担当したのは，オインクゲームズでUIデザインを担当している新藤 愛大氏だ。カードゲームの開発で知られるオインクゲームズだが，スマートフォン向けゲームでも質の高いタイトルをリリースしており，同社の知見がどのようなものかは興味をそそられる。 実際に同社のデザイナーが，どのような意図を込めてUIを作り上げていったのか，その過程を見ていくことにしよう。 アナログのカードゲームをメインとしているオインクゲームズだが，コンピュータゲームもこれまで4本リリースしており，そのうち2本が，Appleが選定する2014年と2015年の「今年の

http://cedec.cesa.or.jp/2016/session/VA/8497.html

良いゲームを商業的に失敗させる細かなミスに立ち向かう，客観的調査と評価の重要性とは ライター：徳岡正肇 日々大量のタイトルがリリースされるゲーム市場。「これ，どこかで見たことがあるなあ」という作品もまた，膨大な量が発売され続けているが，面白いことに，そういった「クローン作品」は，必ずしも本家と同じような成功を収められないことがある。さらに興味深いことに，世の中には「成功するクローン」と「うまくいかないクローン」があったりもする。 いったいこの差はどこで生まれるのだろう？　一般的には「広告宣伝の差」で片付けられることが多いこの問題について，クロアチアで開催されているゲーム開発者向けイベント，「Reboot Develop 2016」のセッションにおいて，意外な（そして実は自明でもある）側面が解き明かされた。 「Reboot Develop 2016」公式サイト 「良いゲームなのに，売れないゲ

英文の速読術には、スキミング・スキャニングと呼ばれる技法がある。 スキミングとは「ざっと一覧して、全体を把握する」こと。各章のタイトルや、パラグラフの一文目、最終のまとめなど、要所要所だけをかいつまんでいく読み方だ。 一方、スキャニングは「特定の部分を熟読する」こと。こちらは一転して、一単語ずつ精査していく読み方である。 まず最初に全体をざっと見て（スキミング）、自分に必要な内容があるかをチェックする。その後に、必要な部分だけを選別してじっと見て（スキャニング）いく。英文速読では、この２つの読み方をペアにして扱う。つまり速読術とは全文を素早く読むことではない。細部を無視して、要点だけを拾い上げていく技法なのである。 この英文速読術の技法、スキミングとスキャニングは、画面の情報設計の大きなヒントとなる。情報を効率良く読むテクニックが確立されているのなら、それをロジック化すればよい。ロジックを