スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン
スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン2014.09.25 21:0010,005 そうこ 片手で扱うならば、親指がスマートフォンの鍵となる。 スクリーンの巨大化ーー賛成反対と意見がわかれつつも、アップルがiPhone 6／6 Plusをリリースしたことで、ついにスマホ大画面時代が一気に花開きました。初動で歴代予約記録を更新した新型iPhone、つまり世の中もこの時代の流れを受け入れたのではないでしょうか。 3.5～4インチのディスプレイは、急激にその姿を消しています。Adobeによるモバイルベンチマーク2014年レポートでは、4インチ以下のスマートフォンでのWeb観覧は11％も減少しているのです。 時は大画面。とはいえ、はてしなくディスプレイが大きくなるわけでもありません。大画面時代を先行してきたAndroid端末でも、最も好まれているのは5.1～5.7
超期待のプロトタイピングツール「Prott」がiOSアプリとして10月1日にリリース｜男子ハック
@JUNP_Nです。UIデザインのプロ集団、Goodpatch（グッドパッチ）がベータ版として公開しているプロトタイピングツール「Prott」のiOSアプリを10月1日にリリースすると発表。モバイル開発者は見逃せないプロトタイピングツールになりそうです。 もっと簡単にプロトタイプを作ろう！プロトタイプを共有してコミュニケーションを！プロトタイプを作ることの重要性はGoodpatch（グッドパッチ）の土屋尚史氏が色々な場所で発言していますが、そんなGoodpatch（グッドパッチ）が手がけるプロトタイピングツール「Prott」のiOSアプリが10月1日にリリースされることが発表されました。 参考：CSS Nite LP33フォローアップ 土屋 尚史さん「ディレクター･デザイナーのためのプロトタイプ制作とシナリオ作り」 「Prott」は「ラピッドプロトタイピング」と「ラディカルコミュニケーショ
[JS]スマホやタブレット向けの操作を楽しくするさまざまなアニメーションを実装できるスクリプト -Impulse
Bouncy Scrolling ※アニメーションGIFにしたらサイズがすごかったので静止画像です。 デモページには他にもたくさんのデモがあります。 Impulseの使い方 実装は各デモによってHTMLやJavaScriptが異なるので、「Pulldown Menu」で実装方法を紹介します。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 ここは全デモ共通です。 <head> ... <script src="/scripts/impulse.js"></script> </head> Step 2: HTML ヘッダ、メニュー、コンテンツをそれぞれdiv要素で実装します。 <body> <div class="nav-header"> <div class="hamburger-menu-handle"></div> </div> <div class="pu
![[JS]スマホやタブレット向けの操作を楽しくするさまざまなアニメーションを実装できるスクリプト -Impulse](https://cdn-ak-scissors.b.st-hatena.com/image/square/b00ab7bf5a19e33db792ea0ed5fb6335ba4f97e7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014090106.png)
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
iPhone4 Retina Display対応のデザインのコツ！
僕はどうやったらRetina Displayが綺麗に表示されるか必死に模索する毎日です。（保護シート含め） ということで、今後のiPhone開発に”必須!!!"のRetina Display対応のデザインデータの作り方のコツについてご紹介します！
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
10代のメディア接触時間、スマホがテレビを上回る
スマートフォンの普及で、特に若年層のメディア利用に大きな変化が起きているという。ジャストシステムが「モバイル＆ソーシャルメディア月次定点調査」（2014年5月度）において、テレビ、新聞、PCのインターネット、スマホのインターネットといった各メディアの利用状況を調査したところ、10代のスマートフォンユーザーにおいては、「テレビ」の視聴時間よりも「スマートフォンからのインターネット接続」時間が上回ることが分かった。 「テレビ」「ラジオ」「新聞」「雑誌」「PCからのインターネット接続」「スマートフォンからのインターネット接続」について、仕事を除いた利用時間を尋ねたところ、15歳から19歳については、「スマートフォンからのインターネット接続」が104.3分と最も長くなり、「テレビ」の94.9分や、「PCからのインターネット接続」の89.8分を上回った。 2013年12月に実施した調査では、「PCか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
