タグ

ipadとdesignに関するFouのブックマーク (5)

  • UIデザインの参考になるサイトまとめ | ナナメウエblog

    毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins

  • UIが美しすぎる15の次世代モバイルアプリデザイン - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること(という名の練習)が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ

    UIが美しすぎる15の次世代モバイルアプリデザイン - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • いろいろなモノをiPhone/iPadのアイコン風に表現するとこうなる

    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

    いろいろなモノをiPhone/iPadのアイコン風に表現するとこうなる
  • これが「iPad 2」のパッケージングデザインの秘密、徹底的な合理化とシンプルさを解説&フォトレビュー

    Appleは買ってきて開けるまでの過程を明確に他社製品と差別化しており、ユーザー体験の満足度を向上させ、所有欲を満たすようにできています。これら一連のパッケージングデザインは単なるインパクト狙いや俗に言うAppleの哲学、要するに創業者であるスティーブ・ジョブズの美学だけに基づいたものではなく、徹底的にユーザビリティをまず考慮しており、その上で成り立たせているものであるということが、実際の具体的なパッケージングデザインを見るとよく理解できます。 というわけで、「iPad 2」の場合、Appleがどのような工夫をしてパッケージングデザインを行っているのかを見てみましょう。 パッケージングデザインのフォトレビューは以下から。 これがiPad 2のパッケージ このようにしてパカッと開く方式になっており、箱の上や横からスライドさせて商品を出す方式ではありません。これは箱を開けることでiPad 2の

    これが「iPad 2」のパッケージングデザインの秘密、徹底的な合理化とシンプルさを解説&フォトレビュー
  • 初心者のためのスマートフォンサイトを作るときに見ておきたいサイト|WEB Drawer -WEB制作に関するメモサイト-

    スマートフォンサイトを格的に作るようになってきたので、いろいろ基的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない!」などの問題が回避できるかもしれません。 ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhoneAndroidサイト制作ガイド ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhoneAndroidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ

    初心者のためのスマートフォンサイトを作るときに見ておきたいサイト|WEB Drawer -WEB制作に関するメモサイト-
  • 1