みんなが見てる人気のスマートフォン向けWebサイトデザイン
初めてのiPhone・Andoroidアプリデザイン制作時に、チェックした書籍やサイト(UIパーツやデザインギャラリー)を紹介。 iPhoneアプリのデザインをさせていただいたので、その時の注意点などもまじえつつ、参考にしたサイトや書籍を書いておきます。 アプリをデザインする前に読んでおきたい本 モバイルアプリのデザインということで、ディスプレイの小ささ、タッチの難しさなどから、一番にユーザビリティ、ユーザインターフェースを気にしなければ。というところから考えました。 そうなると、ネットの情報だけでは不安です。なので書籍選びからはじめました。 書籍は以下の2点を購入しました。 アプリのデザイン本となると、あまり発刊されていないようですが、以下2冊は非常に役立ったのでオススメです。 デザインをする前に読んでおきたい記事 アプリデザイン時の必要な基礎的な知識、ユーザーインターフェースに関する知
僕のiPhone4は、Softbankで購入したiPhoneである。Softbank iPhoneはSIMロックiPhoneなので、他のSIMを使うことができない。 だが、海外渡航時は、このiPhoneを脱獄せずにSIMフリー化し、使っていた。日本に帰ってきた今も、同じようにiPhoneをSIMフリー化し、B-mobileのSIMを使い使用している。B-mobileは日本通信が販売している、NTTの回線を使ったSIM。1ヶ月、半年間、1年の使い放題をプリペイドで購入することができる。 僕が使っているSIMは、6ヶ月間使い放題のB-mobile Micro SIM U300(13,500円)。このプランのB-mobileは通話ができないので、別途auの携帯を通話用としている(月1000円程度)。それにより、月額の通信代が3,000円程度に抑えることができている。 Softbankの回線の場合
iOSのアイコンはすべて統一されたあの雰囲気が特徴の一つでもあるのですが、それを逆にいろいろなモノに適用してみたというアイコンアート集がかなり秀逸な内容となっており、インスピレーションを刺激される内容となっています。 The Art Of The iOS Icon | Mobile Inc http://www.mobileinc.co.uk/2012/05/the-art-of-the-ios-icon/ ◆01 ◆02 ◆03 ◆04 ◆05 ◆06 ◆07 ◆08 ◆09 ◆10 ◆11 ◆12 ◆13 ◆14 ◆15 ◆16 ◆17 ◆18 ◆19 ◆20 ◆21 ◆22 ◆23 ◆24 なお、このようなiOS風アイコンのテンプレートは以下のサイトで配布されています。 New App Icon Template | Pixelresort.com http://www.pixelr
2011/10/14 iPhone 4SがauとSoftBankから発売され、様々なメディアで取り上げられました。 3GSや4からの乗り換えや、今回新たにiPhoneを購入された方も沢山いらっしゃるかと思います。 ただ、現時点では4S(iOS 5.0)の脱獄Toolは無いためテザリング等のカスタマイズができない状態です。しかし、『PayUpPunk』というアプリを使えば、Jailbreak環境ではなくとも擬似テザリングができることを確認しましたので紹介します。 2011/10/29修正 『PayUpSucker』から『PayUpPunk』に名前が変更されました。 テザリング(Tethering)とは スマートフォンなどのモバイル機器を外部モデムとして用いて、パソコンや携帯端末、携帯ゲーム機などを携帯電話回線を通じてインターネットに常時接続させること、もしくはその機能 今回の例で言うと 「i
Appleから提供されているiOSのプログラミングガイド。日本語に翻訳されたiOSのドキュメントがあります。iOSデバイス向けのアプリを開発するにあたっては、必読の内容となっています。 これらは全てPDFで提供されています。 ですのでiPhoneでPDFを開き、iBooksで保存することが出来ます。 このように、持ち運んで空き時間に勉強できるんです。 PDFのリンクは下記にまとめていますので、iPhoneでご覧ください! iOSのドキュメント一覧(2011.8.20現時点) Audio & Video AV Foundationプログラミングガイド iOSカメラプログラミングトピックス Audio Session プログラミングガイド Core Audio の概要 iPodライブラリアクセス プログラミングガイド Tools & Languages Objective-C
iPhoneのみ対応させる場合は、3GSと4だけ意識すれば良いでしょう。3GSに合わせておけばまず間違いないです。Androidに至っては端末によって解像度はバラバラなため、それぞれに対応させる必要があります。 そんなバラバラなAndroid端末ですが、 画面サイズはいくつに合わせるのが得策か。コノルではコーディングを行う際には、「横サイズ320+(可変)」としています。しかし、注意が必要なのはデザインなのです。デザインする際には、横サイズを640pxで行います。この辺りが間違えやすい所。 そしてコーディングの際に必ず以下のタグを入れる必要があります。 <meta name="viewport" content="width=device-width; initial-scale=1, mi
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
最近普及しているスマートフォンですが、その専用のサイトを作っている所も多くなってきました。 WEB制作の会社でもスマートフォンサイトを制作する事が多くなってきたと思います。 スマートフォンは指で操作するのでパソコンとはまた違ったデザインになっています。 そこで、デザインをまとめているサイトをまとめてみました。 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 全iPhoneサイト一覧|iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 全iPhoneサイト一覧|iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト スマートフォンサイト集めました。 スマートフォンサイト集めました。 iShowcase – 国内のiPhone / iPad最適化対応をしたサイトを
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
ピクトロニクスが9月15日、iPadやiPhoneで、3Dの映像を専用メガネをかけることなく立体視できるシート「Plex3D iPad」「Plex3D iPhone」を開発したと発表した。東京ゲームショウ2010のビジネスデイ期間中(9月16日と17日)、CRI・ミドルウェアのブースに参考出展する。 Plex3Dは、ピクトロニクスが設計した特殊光学シート。通常の2Dの映像はそのまま、3D化処理された映像は裸眼で立体視できる。パララックスバリアやレンチキュラーレンズ方式の裸眼立体視によくある、画面が暗くなる、視野角が狭いといった欠点を克服しているのが特長だ。ディスプレイに合わせたシートを設計することで、どんな表示装置でも3D対応映像を裸眼立体視できるという。3Dデータは、PC用の「Plex3D HDtools」「Plex3D LITEtools」といったツールを使って作成できる。 ピクトロニ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く