ソシオメディア | iPhone の当たり判定を検証した
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Androidの解像度の違いを考慮したデザイン基礎知識
多様にある Android 端末の画面サイズと解像度 Android 端末は様々なメーカから発売されており、多種多様な端末があります。スマートフォンとタブレットも合わせるとかなりの数になります。 そんな Android のアプリデザインを作っていく上で避けて通れないのは、多様にある端末環境のことを考慮したUIデザイン設計です。端末の種類が限られている Apple の iPhone とは異なった事情があります。 考慮してデザイン制作と実装を進めていかないと、せっかくデザイナーさんが頑張ってイケてるデザインを作ったのに実装後に残念な見栄えになってしまったりします。 プログラマとデザイナーは密にやり取りをすべき デザイナーが画像素材を用意してプログラマがそれを使って実装していくのが一般的ですが、出来ればどういう風に素材を用意して欲しいかお互い相談しながら制作を進めていくべきでしょう。 画像スライ
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
スマホ・タブレット・PCのスクリーンサイズ・ppiなどが一目で確認可能な「Screensiz.es」
by Luke Wroblewski 市場に出ているスマートフォン・タブレット・PCのうち割とメジャーのスクリーンサイズやppiなどの一覧が確認できるようになっているのが「Screensiz.es」です。 Screensiz.es http://screensiz.es/ 表示される項目は「機種」「OS」「フィジカルサイズ（インチ）」「フィジカルサイズ（cm）」「幅（ピクセル）」「高さ（ピクセル）」「ppi」「ピクセル密度」「人気」の9項目。 対象となっているデバイスはスマートフォン・タブレット・PCモニターの3種類。 ◆スマートフォン スマートフォンはiPhone 4/4Sから2010年に発売されたSamsung Nexus Sまで全20機種。 ◆タブレット タブレットはApple 2からAcer Picassoまでの20機種。 ◆PCモニター PCはMacBook Proの13インチや
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Responsive Web Design JP（日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト）
iOSデバイスにPhotoshopのキャンバスをリアルタイム表示するアプリ | Ryukyu THINK-A Blog
tande lab.