16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スマホアプリの作り方【超まとめ】Web編：HTML5やjQuery MobileなどスマホWebアプリ開発に役立つ記事52選 - ＠IT
Web編：HTML5やjQuery Mobileなど スマホWebアプリ開発に役立つ記事52選 ＠IT編集部 2012/1/31（2013/2/28 改訂） iOS（iPhone／iPad／iPod touch）、Android、Windows Phoneなど、さまざまなスマートフォンのプラットフォームのアプリを作るための＠IT記事のまとめです。今後、順次更新・追加していきます。 開発者が登録したApp StoreやMarketplaceなどからダウンロードしてインストールするアプリ、もしくは、あらかじめインストールされているアプリは、「ネイティブアプリ」と呼ばれています。iOSやAndroid、Windows PhoneといったOS上で動き、マイクやカメラなどデバイスの機能を十分に使えるのが特徴です。作り方は、基本編やデザイン／グラフィック編で紹介した記事が参考になると思います。 一方で
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
IS03 スクリーンショットを撮影する方法：ASSIOMA：オルタナティブ・ブログ
ICT業界動向やICT関連政策を基に「未来はこんな感じ?」を自分なりの目線で「主張(Assioma)」します。 あまり技術的な事をオルタナティブブログで書くのは本位では無いのですが、IS03のスクリーションショットを撮影する方法で色々とつまづいたので、同じように悩まれる方のために撮影方法をシェアしたいと思います。 ■事前確認 IS03の下記設定を確認します。 1) [設定]→[USB接続]→[USB接続モード]→[カードリーダモード]になっている事。 2) IS03とUSBケーブルが接続されていない事。 ■Android SDKのInstall 1) Android SDKダウンロードサイトへ移動します。 http://developer.android.com/sdk/index.html 2) Windows、Mac、Linuxの中から、自分のPCのOS用ファイルをダウンロードします。
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
購入ページ | ダイヤテック株式会社
■ 在庫についてのお知らせ 当社が運営をしている他店舗と在庫を共有しているため、「納期」「在庫」欄に在庫切れ、2～3営業日、未確定などの表示がない商品をご注文を頂いても在庫切れとなる場合がございます。 そのため欠品が発生した場合、誠に恐れ入りますがご購入後でもキャンセルとさせて頂く事がございます。 ご注文確認後、在庫切れとなりましたお客様には別途メールにてキャンセルのご連絡させて頂きます。 （土日・祝日につきましては、翌営業日のご連絡となります。） 予めご了承下さいます様何卒宜しくお願い申し上げます。
「僕、全然才能ないので」 サイバーエージェント子会社“23歳新卒役員” アプリにかける1年目
「僕、全然才能ないので」 サイバーエージェント子会社“23歳新卒役員” アプリにかける1年目（1/2 ページ） 「僕、全然才能ないので」──サイバーエージェントに新卒で入社して2カ月で、子会社の取締役に抜てきされた卜部（うらべ）宏樹さんは言う。23歳という若さで役員を任されるほどなら、自分に大きな自信を持っていてもおかしくなさそうなものだが──。 子会社は、今年7月に設立されたアプリボット（東京都渋谷区）。卜部さんは、サイバーエージェントグループで最も若い役員だ。だが自分に特別な能力があるとは思っていないという。同期の社員を見ても、専門的な知識やリーダーシップを自分より持っていると感じる。 そんな卜部さんの学生時代からの目標は、組織をつくる仕事をすること。1人ができることは小さくても、チームでやれば大きいことができると、これまで信じてきた。役員という肩書きを背負った今も、気持ちは同じだ。
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
『iOS 4』対『Android 2.2』、機能比較 | WIRED VISION
前の記事 ビデオ通話等可能な『iPhone 4』：WWDC会場レポート 『iPhone 4』画像ギャラリー 次の記事 『iOS 4』対『Android 2.2』、機能比較 2010年6月 8日 IT コメント： トラックバック (0) フィードIT Priya Ganapati WWDC 2010会場にて モバイルOSで首位の座を狙う米Apple社と米Google社が、そろって新バージョンを導入した。 Google社は先月、『Android 2.2』(FroYo)を公開。対してApple社は7日(米国時間)、『iOS 4』(元のiPhone OS 4.0)を公開した。iOS 4はマルチタスクや、複数のアカウントをまとめて管理できる電子メール、フォルダー機能などが売りだ。しかしiOS 4がAndroid 2.2より優れているとは必ずしも言えない。両者の機能を比較してみよう。 対応機種 iO
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
旅先のケンカ防止に一役かってくれるスペシャルなタップ - 価格.comマガジン
スマホアプリの作り方【超まとめ】UI編：スマホアプリのデザイン／グラフィック描画に役立つ記事39選 - ＠IT
_level0 | Kayac Interactive Designer's Blog