【考察】なぜ『ファイナルファンタジー』シリーズのHPゲージは右下なのか？システムによって変化する最適なUIデザイン - GAME LIFE HACK
今更言うまでもない事ではあるが、ゲーム画面においてHPゲージを始めとした『UI（ユーザーインターフェース）』は重要な要素としてゲーム内に存在しており、HPゲージやMPゲージ、弾薬数、速度計、スコア、そしてレーダーや地図、クエストやコマンド、アイテム欄など様々なもので構成されている。 しかしこういったゲージ類は作品によって大きく異なった位置に割り当てられている。例えば、ある作品では左上に配置されていたHPゲージが、別の作品では左下に配置されていたり、中央上部に表示されているというケースも見たことがあるだろう。 それはなぜだろうか？ なぜ、HPゲージは左上で固定されていないのだろうか？ なぜ、弾薬類の表示は右側に集中しているのだろうか？ なぜ、速度計は右下に配置されているケースが多いのだろうか？ なぜ、コマンドメニューは下側に配置されているのだろうか？ そもそもなぜ、普段遊んでいる時は、このよ
5分でわかるUIとUXの違い | Excite Designer's Blog
ここ数年、UXという用語をよく使うようになりましたね！今回は最近浮上した『UX』と以前から使われてた『UI』について話したいと思います。 （UI・UXは色んな分野で幅広く使われてる用語ですが、ここでは主にモバイル分野を前提に話します。） UI（User Interface）とは 広い意味で『Interface：インターフェイス』は人の世界と物の世界の接点・コミュニケーション空間を意味します。 人はインターフェイスを通じて目に見えない機能を視覚的にみて操作してコミュニケーションします。 『User Interface：ユーザインターフェイス』はこのようにユーザとデジタル機器とのコミュニケーションがうまくできるように手伝ってくれるOS・アプリ画面などを意味します。 iPhoneのアプリのリンクが今のようなアイコンではなくてテキストだと想像してみましょう。 色々なアプリの中から写真アプリを見つけ
確実に良くするUI/UX設計
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
プロ御用達！WEBデザインに役立つデザインツール13選
更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に
Private Presentation
Private content!This content has been marked as private by the uploader.
スタートアップでの意思決定を含めたUI設計プロセス - taninnosorani blog
以前に書いた「問題解決型UXデザインアプローチ」はクライアントワークなどの受諾を想定したプロセスでした。それとは違いfreeeのようなエンジニアが爆速で実装をしている中でのUI設計のプロセスをまとめたいと思います。 昔のプロセス 理解 アイディア ストーリー UI ビジュアルデザイン 開発 フィードバック 現在 コミュニケーション用資料の削減 昔と大きく変わったのは3.ストーリーと4.UIのプロセスをほとんど簡略したことです。3.はアイディアの共有が目的で、4.は画面の共有が目的でした。どちらも関係者とのコミュニケーションのためのプロセスですが、**今は関係者が自分を含めて2人だけの少数の場合が多く、以前のような会ったことのない別会社の関係者への意思疎通の為の作業は必要無くなりました。**ただ、もちろんスタートアップはスケールアップするため、この方法がいつまで出来るかわかりません。100人
Zeplin
Explore our new product Omlet — component analytics for developers
Seite nicht korrekt eingerichtet
Zugriff nicht möglich Dies ist ein Server von manitu. Bitte verwenden Sie zum Aufrufen von Webseiten nur den jeweiligen Domainnamen (z.B. www.manitu.de) und keine IP-Adressen (z.B. 1.2.3.4). Sollten Sie von einer anderen Seite durch einen Link hierher gelangt sein, so informieren Sie bitte den Betreiber der jeweiligen Webseite. Sind Sie der Domain-Inhaber? Dann schauen Sie in unsere FAQ. This site
スマホアプリ開発の最前線で使われている、UIデザインメソッド20(1) ユーザーを迷わせず、没入させるUIデザインの工夫(前編)
世にスマートフォンアプリが溢れ、入力デバイスがマウス、キーボードから指先に変わった今、UI/UX はどのように変化していくのか？ 雑誌Web Designingでは、アプリ制作の技術者から学ぶ当連載や、中村洋基氏をはじめとするクリエイターが登壇するセミナー、中国・上海のWeb制作会社訪問ツアーなどの豪華賞品が当たるアプリアワードを行う「 TapApp(タップ＊アップ)プロジェクト」をスタートする。連載第一回では、サイバーエージェントのゲームUIデザイナー櫻井瑶子が登場する。 スマホアプリ制作の最前線でUIデザイナーに求められるもの Web制作の延長で、スマートフォン向けサイトやWebアプリ、あるいはネイティブアプリの制作にかかわる機会が増えている。昨今では、Webキャンペーンにおいて、スマートフォンからのアクセスを考えないことのほうが珍しい。 言うまでもなくスマートフォンとPCではデバイス
Sketch App Sources - New Free Design Resources - Icons, UI/UX Kits, Wireframes, iOS, Android Templates for Sketch
Thousands of UI/UX resources from great and resourceful designers around the world Sharing and building on each other's work is the ultimate form of learning and retaining knowledge. Since 2012, we're curating some of the best resources to help you design, prototype, and collaborate better and faster. UI Kits Apps Icons Illustrations Wireframes Ideas Web iOS Material Data Forms Mockups Real Annota
iOS 7 homescreen UI KIT |
Sketch is a vector drawing app for designers and this is official channel for everything Sketch; tips, tricks, examples and tutorials. Updated regularly, we hope it’ll help you become better at Sketch and learn about its hidden depths. For this week we remade the new iOS7 home screen as best as we could in Sketch. Download the document here for free to use in your on mockups and examine how we bui
第6回 “目立つボタンこそ良いWebデザイン”という誤解 - 秋葉秀樹の人に伝えるデザイン - MdN Design Interactive
第6回 “目立つボタンこそ良いWebデザイン”という誤解 2013年9月25日 TEXT：秋葉秀樹 「押したくなるボタンにしてください」 「注文や問い合わせを増やすためにボタンを目立たせるべきです」 7～8年近く前、Webディレクターからよくいわれたデザインに対する要望だ。 何年も前に私がつくったボタン。質感たっぷりの外観が求められたことも… そもそも押したくなるボタンとはなんだろうか？ 立体的で艶めいているもの、ガラスみたいに輝いているもの、大きいもの、ビビッドに近い色、太いボーダーがついているもの、メタファを意識したオシャレなもの…など、外観の見せ方は色々ある。しかし、ただ目立てばよいというものではない。Webサイト内でボタンが目立ちすぎると目がチカチカしてしまい、本文を読む気がしなくなってしまう。 ボタンが目立つことは本来の目的にあらず リンクボタンは、本来ユーザーに次の行動を誘導す
ブレイブフロンティアのUIの意図を考える。ゲームシステムとUIはセット。
ペースは落ちましたがブレイブフロンティアを相変わらずプレイしております。今、Lv.53でこんな感じのデッキ。闇デッキにしたいのですが、水属性が１体いたり、まだ★５まで進化していない奴がいたりと中途半端な感じ。 さて、今回はメインとなるクエスト画面UIのお話。ブレイブフロンティアはパズドラベースなので、基本的にはパズドラ仕様なのですが、クエスト画面はかなり味が出ています。 スマホゲームで「こんなゲーム作りたいなぁ」と思った場合、UIで悩むことが多いです。僕は新作のために常々画面構成をイメージします。 コマンド式RPGのコマンド階層とデッキ体数 ブレイブフロンティアに関しては「たたかう」「ぼうぎょ」「ひっさつわざ」「アイテム」の４種類のコマンドがあります。家庭用のRPGには当然の機能で、多くの方が「あたりまえじゃん」と思うでしょう。魔法が足りないくらいです。 しかし、これだけでもスマホゲームだ
Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UXPin | The Full-Stack UX Design Platform
iPhoneの操作が“気持ちいい”理由――IoT時代の情報を「道具化」するデザイン | Biz/Zine
マテリアルデザイン参考
Spam Check
サウザンドメモリーズUIの秘密 - Akatsuki Hackers Lab | 株式会社アカツキ（Akatsuki Inc.)
Design & Development Related Blog