16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
GizmoCrunch - Your Daily Byte of Tech Discovery
What Mainstream Games Are Becoming a Thing of the Past Gaming has become a part of the lives of millions of people. The fact is that the industry is developing ...
INFOBARに見る、“デザインがうまれる空間”
INFOBARに見る、“デザインがうまれる空間”2015.03.19 11:00Sponsored INFOBARの歴史、変わらないデザイン性はどんな空間で生まれ、育まれたのか。 ときは2003年、パカっと開いて使うクラムシェル型携帯電話全盛の時代に生まれたストレートタイプの携帯電話、それがINFOBARでした。 少しでもピクセル数の多い画面を、少しでも早いCPUを、またはカメラの解像度を、当時は携帯電話の開発とはスペック競争の側面がありました。そんな時代にあって、｢性能も大事だけれどデザインだって重要ですよ｣と立ち上がった、au design project。INFOBARは、このプロジェクトの第一弾としてプロダクトデザイナー深澤直人さんのデザインにより開発された携帯電話だったんです。 新型MacBookの筐体キワキワまで攻めたフルサイズのキーボードが話題の昨今ですが、初代INFOBAR
BRAND | あなただけのオリジナルアプリを無料で作ろう
アプリリリースが０円。圧倒的なコストパフォーマンス 高機能なスマートフォンアプリを無料で提供。アプリを保有したい皆さまを幅広くサポート ※上位の有料プランもご用意しております。 ※2年目以降、ご継続してご利用のユーザには、アカウントIDの年更新料が別途発生いたします 管理画面は優しいデザインとわかりやすい画面設計。最短5分でアプリが完成。 使いやすさを徹底的に追求した管理画面。 アプリ作成は当然のこと、日々の更新作業もラクラク簡単！ 会員登録 テンプレート選択 情報の登録 アプリの申請
スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot
スマホサイトをデザインするとき参考になるWebサイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 スマートフォンの普及率は2021年時点で80%*を超えており（総務省「情報通信白書令和３年度版」）、今やスマートフォンに対応したWebサイト制作は必須と言えます。 そこで今回は、スマートフォンサイトをデザインする際に参考になるギャラリーサイトや、スマートフォンサイトをデザインするときの注意点を紹介します。 海外のトレンドや人気のあるサイトをまとめてチェックできるので、ぜひ最後までご覧ください。 デザインの世界に飛び込んでみませんか？ 「プロから学びたい」、「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。 LIGが運営するWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」では、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と豊富な就職支援が特徴！ ぜひ一度詳細をチェ
2014年のベストApp＆ゲーム「Monument Valley」驚愕の開発費用や収益データ公開
By Akiko Yokoyama 「2014年のベストApp＆ゲーム」や「Apple Design Awards(Appleデザイン賞)」を受賞した「Monument Valley」は、有料アプリでありながら、美しいデザインのだまし絵世界を歩き回るゲームとして、2014年の大ヒットアプリの1つとなりました。そんなMonument Valleyの制作元であるustwoが、これまでのダウンロード回数や総収益、および1億円近くかかった開発コストや最もプレイされた章などのデータを公開しています。 Monument Valley in Numbers — Monument Valley by ustwo™ games https://monumentvalleygame.squarespace.com/blog/2015/1/15/monument-valley-in-numbers Monume
スマフォ対応の洗練されたUIエレメントがすぐに実装できるCSSとJSの開発キット -Skeleton
Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I
初心者〜中級｜スマホサイト作成の9ステップと大切にしたい事
スマホサイトはあなたが「パソコンサイトを作る技術」を持っていれば作ることが出来る。 なぜならばインターネット上のサイトであるのはパソコンサイトと同じだからだ。 しかし技術は同じであってもスマホサイトを作る前に知らないといけない知識が確実に存在する。 この記事では自分でスマホサイトを作ろうとしている人に向けて9ステップで全ての作成工程をお伝えする。 この記事を読んであなたのビジネスに直結するスマホサイトをぜひ作って欲しい。 多くの方に読んで頂こうと基本的なことも書いた。ご存じの所があれば読み飛ばして頂いて構わない。 ＜目次＞ ステップ０：スマホサイト完成までの全ステップ ステップ１：要件定義からはじめよう １－１ 目的の明確化 １－２ ターゲットの選定 １－３ 同業サイトチェック（類似業種等でも可） １－４ パソコンサイトの数値把握 １－５ パソコンでスマホサイトを見る方法
Nexus - Google
Always fresh, best in mobile. From the folks who built Android. Always fresh, best in mobile. From the folks who built Android. The best all-around camera we've ever put into a Nexus. But where it really shines is in conditions with less-than-ideal lighting. The larger 1.55μm pixels capture more light even in the dimmest conditions to produce stunning details and sharp images. Your Nexus is quicke
スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン
スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン2014.09.25 21:0010,223 そうこ 片手で扱うならば、親指がスマートフォンの鍵となる。 スクリーンの巨大化ーー賛成反対と意見がわかれつつも、アップルがiPhone 6／6 Plusをリリースしたことで、ついにスマホ大画面時代が一気に花開きました。初動で歴代予約記録を更新した新型iPhone、つまり世の中もこの時代の流れを受け入れたのではないでしょうか。 3.5～4インチのディスプレイは、急激にその姿を消しています。Adobeによるモバイルベンチマーク2014年レポートでは、4インチ以下のスマートフォンでのWeb観覧は11％も減少しているのです。 時は大画面。とはいえ、はてしなくディスプレイが大きくなるわけでもありません。大画面時代を先行してきたAndroid端末でも、最も好まれているのは5.1～5.7
デザイナー向け！iPhone6対応について
（追記 140919 11:00)iPhone 6 Plusを入手しました 特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです（主観だけど） （追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてました みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スプラッシュ レイアウト対応について ひとまず気にするのはこの辺りの情報！ あとはおまけで便利そうなリンクも載せました これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレスポンシブです。 やれやれだぜ。 基本的な情報 画面解像度はこうなってます 端末 解像度 インチ 書
スマホや鍵などゴチャッとしがちな必需品をすっきりコンパクトに収納する防水バッグ「bolstr」
外出する際はスマートフォン・サイフ・鍵や、人によってはサングラス・手帳・筆記用具・カメラ・タブレットといった荷物があります。毎日持ち歩く荷物を「EDC(Every Day Carry)」と呼びますが、カバンにまとめて入れるとゴチャゴチャになってしまい、キレイに収納するのは難しいもの。そんなこまごまとした荷物をコンパクトにまとめられるEDCバッグが「bolstr」です。 Koyono | Slim Wallets and Bags | Minimalist Clothing and Accessories with Maximum Function | Est. 2000 http://www.koyono.com/ 「bolstr」がどのようなショルダーバッグなのかは以下のムービーを見ると分かります。 ちょっと出かけるだけでも、サイフ・スマートフォン・鍵などが最低限必要ですが、ポケットに全
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
「VAIO Phone」発表会、キーパーソン囲み取材一問一答
ピクセル単位で正確につくられた、AndroidのGUIをまとめたPSD素材
Prott - Prototyping tool for Web iOS Android apps
ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ
http://www.mobiletuxedo.com/