まとめ：モバイルUIデザインギャラリー7撰 Zen Startup
スマフォのアプリがスタートしてまだ4年足らずだが、アプリ市場は急激に成長しており、世界中のビジネスパーソンが、アプリ開発で一攫千金を狙っている。では、アプリ成功の鍵とはなんだろうか。僕は現在ヒットしているアプリをリサーチすることと、UIデザインの2つが特に重要だと考える。 モバイルアプリのUIデザインは、パソコンやタブレットと比べて画面が小さいため、今までとは異なった「限られたスペースで行う使いやすいデザイン」が重視される。例えば、広告スペースや、会員登録ボタンのデザインも慎重に検討しなければなれない。表示するコンテンツのボリュームも最小限に留めるべきである。 では、どうすれば「使いやすいデザイン」を生み出せるか。それは海外のヒットしているアプリを徹底的に試してみることだ。例えばFacebookアプリやPathアプリは絶対に参照したほうがいい。 今回は「絶対に抑えておきたいモバイルUIデザ
iphoneやスマートフォン専用サイトのデザイン作成の参考にするまとめサイトをまとめました[11サイト＋おまけ6] | HTML5でサイトをつくろう
最近スマートフォンのシェアが広がってきてWEBサイト作成もPCサイトのみでなくiphoneなどのスマートフォンを意識する提案も増えてきましたか？ しかしHTML5＋CSS3サイトで専用ページを作ったり、CMSのプラグインで振り分けたりと作り方は色々です。 参考となるiphoneサイトやスマートフォンサイトもまだまだ少ないので提案の際の資料探すのも大変ですよね・・。 これからもっと増えるとおもいますが現段階でのスマートフォンやiphoneサイト、iphoneアプリ専用サイトなどをまとめてみました。 日本ではサイトの数が少なかったので、昔からの知人の『バンクーバーのうぇぶ屋』のSenna君にも海外の方のアプリ系やiphone系のサイトを教えてもらいました。 他にもサイトがありましたら是非教えてください。 国内サイトのiPhoneサイトやスマートフォンサイト スマートフォンサイト集めま http
![iphoneやスマートフォン専用サイトのデザイン作成の参考にするまとめサイトをまとめました[11サイト＋おまけ6] | HTML5でサイトをつくろう](https://cdn-ak-scissors.b.st-hatena.com/image/square/d76e7d5cd6c53f5982c0f0cdf9da169256100b6a/height=288;version=1;width=512/http%3A%2F%2Fwww.html5-memo.com%2Fwp-content%2Fuploads%2F2011%2F08%2FA30.jpg)
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
[M] mbdb | FriendFeedがアツいらしい
2014.10.02 「DATA GO JP」はブクマ必須! 公共データの横断一括検索型カタログサイトがリリース
![[M] mbdb | FriendFeedがアツいらしい](https://cdn-ak-scissors.b.st-hatena.com/image/square/160b46d370dc5cc086be743e390d548d8e84a200/height=288;version=1;width=512/https%3A%2F%2Fmbdb.jp%2Fwp-content%2Fthemes%2Fmbdb_v3%2Finc%2Fimg%2Fogp-default.png)
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-01-22 >
ケータイサイトのレイアウト 企業・キャンペーン・サービス・ブランディング……240pxのデザインテクニック (株式会社ビー・エヌ・エヌ新社)
現在、国内でのPHSを含む携帯電話は契約台数1億台を超え、国民1人1台に近い水準まで普及しています。携帯端末からのネット接続も一般化し、モバイルコンテンツ、ショッピングなどのモバイルコマース市場も急拡大。本書は、そうしたケータイサイトが活況を呈す中で、閲覧性が高く、ターゲットや目的に応じたデザイン性の高いケータイサイトの実例を、カテゴリ毎に紹介・解説します。構成・配色など、240pxという小さな画面内ならではの工夫やアイデアが満載です。 ■2009年11月発売予定 ISBN：978-4-86100-674-6 定価：2,625円（本体2,500円＋税） 仕様：136ページ／B5正寸／オールカラー 発売予定日：11月24日 編集：オブスキュアインク この本にご興味のある方は、以下の本も是非ご覧ください。 「文字組みとレイアウト タテ組み・ヨコ組み・キャプション……プロの仕事に学ぶ
第22回 タッチUIと“ガラケーサイト”
唐突ですが、先日某大手老舗サイトに関するとある仕事を請けました。詳細は省かざるを得ませんけれども、ざっくり言うと“サイトのリノベーション”といったような仕事です。かなり膨大なデータを持つサイトなので、こんな5人しかいない底辺会社でそのすべてを請け負うはずもなく、あくまでリノベーション計画とデザインサンプルを提出したにすぎませんが、サイトの歴史と現状を踏まえたうえで、先々のことも考えてどうするか……と思い悩んだその仕事は、なかなかに“思うところ”の多い仕事でした。 例えば、タッチユーザーインタフェース（以下タッチUI）対応ケータイの普及……というか、タッチUIでのWebブラウザ操作がこの先、どの程度普及していくのか。このこと1つとっても、いわゆる日本のケータイサイト（ガラケーサイトなんて呼ばれ方もしていますが）は、有効な処方箋をまだ持てていないように思います。 “フルブラウザ”に対する200
movatwitter(モバツイ)の新デザインをやらせていただきました
Twitterをケータイから利用するときのモバイルWebクライアント「movatwitter(モバツイッター)」が、本日10/13(Tue)からプレビュー版となる新デザインを公開しましたが、その新デザインをワークユニットM-glamとして担当させていただきました。 新デザインはモバツイにアクセスし、中段にあるバナーをクリックすることで利用できるようになります。新デザインから従来デザインに戻す場合は、ページの一番下にある「デザインを戻す」リンクからになります。 さて、お話をいただいたものの、利用しているユーザー数、知名度などの規模感から言って、えふしんさんからお声掛けいただいたときはさすがにちと不安だったんですよ。いやホントに。 作業的には、えふしんさんからのデザイン要件を基礎にして全体のレイアウトやUI、パーツの作成、プログラム実装前のコーディングといったところを諸々やらせていただいた次第
モバイルサイトのWebデザイン15選
携帯、モバイルサイトの デザインってどうなってるのか 少し興味が沸いたのでモバイル サイトのキャプチャを取って アーカイブとしてまとめている モバイルデザインアーカイブさん から15のモバイルサイトで好きな デザインを15個厳選しました。 個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。 FAT ONLINE SHOPPING 余計な情報を入れず、一番伝えたい事は画像にしてTOP絵にしています。 FAT ONLINE SHOPPING AEON Lake Town シンプルですが、画面の小さいモバイルサイトで情報を絞り込むのはかなりいいのでは。Ｆｌａｓｈで操作も軽快でした。 AEON Lake Town MOS BURGER モスバーガーのモバイルサイト、凄くいいですね。メニューも見やすいし、色使いもか
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
ke-tai.org > Blog Archive > ケータイサイトのデザインをジャンル別にまとめて紹介している「モバイルデザインアーカイブ」
ケータイサイトのデザインをジャンル別にまとめて紹介している「モバイルデザインアーカイブ」 Tweet 2009/3/12 木曜日 matsui Posted in 記事紹介・リンク | 1 Comment » 本日は、モバイルサイトを作成しているデザイナーにオススメのサイトをご紹介します。 モバイルサイトをキャプチャし、それをジャンル別にまとめて紹介しているサイトがありました。 → モバイルデザイナーのためのアイディアエンジン モバイルデザインアーカイブ [mobiledesignarchive.jp] 着うた、携帯ゲーム、占い、クーポン、など細かくジャンル分けされて、各モバイルサイトのキャプチャ画像が公開されています。 今月オープンしたばかりのサイトのようですが、アーカイブには既に100以上のサイトが収録されているようです。 デザインの参考に使えるのはもちろんのこと、クライアントと打ち合
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
case:MobileDesign! モバイルサイトのデザイン紹介ブログ