Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには?ゲームが終わったときに、どのような設計になればもう一度やってくれる? チュートリアルは必要?やりこみ要素はどうする?ソーシャルとどうやって連携する?ポイント加算の条件は?アクショナブルフィードバックは?日常で使ってくれるような設計には何が必要?盛り込みすぎではないか? などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ
「Republique」の日本人UIデザイナーはUnity Game Jamがきっかけでスカウト。“デバッグ実績”や“架空レビュー”などユニークな開発体制も語られた「Unite Japan 2014」のセッションをレポート ライター:大陸新秩序 Unity開発者のためのカンファレンス「Unite Japan 2014」の2日めとなる2014年4月8日に,「『Republique』チームへの参加から,海外のインディペンデントスタジオで過ごした日々の話」というセッションが行われた。スピーチを行ったのは,2013年12月にCamouflajからリリースされたiOSアプリ「Republique」のUI(ユーザーインタフェース)デザイナーである池和田有輔氏だ。 本稿では,もともとゲーム開発者ではなかった池和田氏が本作の開発に携わることになった経緯や,Camouflajにおけるユニークな開発体制が紹介
角丸が綺麗に表示されない! ボタンを作りました! 角丸のボタンです。 早速ボタンの背景に設定しました。 なんてこったい 設定するボタンが大きすぎて背景画像が引き伸ばされてしまいます。 9patchを使おう! そこで9patchの出番です。 9patchは、画像よりモノが大きかった場合(今回は画像よりボタンが大きかった) 引き伸ばす部分を指定することで、画像の崩れを無くす事ができるのです! Fireworksでいう所の9スライスという機能に似ています。 先ほどのボタン画像に9patchの処理を施してみます。 できました! 上側と左側に黒い1ピクセルが見えますでしょうか? ちょっと拡大します。 拡大したのでボケてますが、これなら分かりますね。 9patchは上下左右に、アルファ無しの黒(#000000)の印を付けることで伸ばす部分を指定します。 上下左右それぞれ意味があります。 上と左の印は必
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
【前編】Material Designの今がわかる「Material Now」―Google I/O 2015 石本 光司(Kaizen Platform, Inc...) この記事は2015年5月28日に行われたGoogle I/O 2015「Material Now」セッションの翻訳です。「Material Now」では、Material Designがリリースされてからの1年間の状況や反響、事例等を取り上げています。本翻訳の前編は、Material Designの普及状況とアップデート内容について記述します。 Material Now – Google I/O 2015 こんにちは、みなさん。私の名前はMatias Duarteです。今日はMaterial Nowについてお話したいと思います。まずは、ハッピーバースデー!Materialですね。記念すべきマイルストーンです。昨年のI/
新しいiPhoneの6と6 Plusが発表になりました。従来モデルよりそれぞれ少しづつ大きくなっていますが、日本ではまた人気が出るのでしょうね。特にiPhone 6 Plusの方は5.5インチと発表されていますので、前のモデルよりかなり画面が大きくなっています。 iPhoneもiPhone 3から4になった時に画面の解像度が2倍になってretinaディスプレイと呼ばれました。解像度が2倍になったので従来のグラフィック(ビットマップ)は2倍の大きさのものを用意する必要になり、@2xグラフィックと呼ばれるようになりました。今度のiPhone 6でも画面の解像度(ppi)は同じなのでやはり@2xのグラフィックで対応します。 なんで画面のサイズは4インチから4.7インチに拡大されたのに、UIグラフィックのサイズは同じでいいのかとお思いの方に向けて、改めて画面解像度とピクセルグラフィックの関係を説明
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ユーザインタフェース(英: User Interface、 UI)または使用者インタフェースは、機械、特にコンピュータとその機械の利用者(通常は人間)の間での情報をやりとりするためのインタフェースである。これには長音符の有無などによる表記ゆれが見られるが、本記事では「ユーザインタフェース」で統一する。ユーザインタフェースは以下の手段を提供する。 入力 - ユーザーがシステムを操作する手段 出力 - ユーザーが操作した結果システムが生成したものを提示する手段 システムを使う場合、ユーザーはそのシステムを制御でき、システムの状態を知ることができる必要がある。例えば、自動車を運転する際、運転手はハンドルを操作して進行方向を制御し、アクセルとブレーキとシフトレバーで速度を制御する。運転手は窓を通して外界を見ることで自動車の位置を把握し、速度計で正確な速度を知ることができる。自動車のユーザインタフェ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く