Fast native apps with icons, illustrations and photos
Fast native apps with icons, illustrations and photos
Holiday 事業室の多田です。先日 Elasticsearch の記事を書いた内藤と共に Holiday ( https://haveagood.holiday ) の開発を行っています。 Holiday は、去年9月に Web 版をリリースしましたが、よりおでかけを楽しくするために今年3月に iPhone アプリをリリースしました（ダウンロードはこちら）。 アプリの開発過程ではコンセプトや仮説を立て、その検証や実現のために作っては壊すことを何度も繰り返し行いますが、実現したい価値を提供するためには、出来上がったプロダクトの細部のインタラクションも重要になってきます。細かい部分に気を配り使い心地を良くしてこそ、本当に提供したい価値をまっすぐに届けることができるためです。逆に言えば、最後の最後で細かい部分がちゃんとしていないばかりにそれまでの過程が無駄になったらもったいないですよね。 今
Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction design. Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming. Quartz Composer is a freely-available Mac OS X appl
iOS7が9月18日に公開されて2ヶ月ほどがたち、既にインストールされた方も多いのではないでしょうか。 iOSで初めての大きなUIの変更でもあり、非常に注目されました。特に「フラットデザイン」が採用されたことで、賛否両論あり話題を呼んでいます。 しかし、そのフラットデザインが注目される一方で、それ以外の変更はあまり注目されていません。ですが見た目だけではない本質的なUIデザイン変更が多くなされており、フラットデザイン以外の部分にも深く注目してiPhoneアプリやスマートフォンWebの設計／デザインを行っていくことが大切になってきます。 本連載ではデザインの視点から見たiOS7の変更点を、フラットデザインだけにとどまらないこれからのUIデザインのあり方も含め、数回に分けてお送りしていきます。 スキューモフィズム（Skeuomorphism）からの脱却 iOS7での見た目のフラットデザイン化は
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
はじめまして、11月頭にクックパッドに入社したモバイルファースト室のヴァンサン(@vincentisambart)です。 既存のiOSアプリのiPhone 6と6 Plus対応について書きたいと思います。 既存のiOSアプリはiPhone 6対応済みだと明確にOSに示さないと、iPhone 6でも6 PlusでもiPhone 5の画面を拡大したものが表示されます。アプリから見える画面のサイズはiPhone 5と同じ320x568です。 iPhone 6対応がされていると示すには、方法が2つあります： 静的起動画面：iPhone 6とiPhone 6 Plusの画面サイズに合わせた静的な起動画面用の画像をアプリに入れます。 動的起動画面：起動画面をXIBファイルという形でアプリに入れます。 iOS 7以下は動的起動画面を対応していません。iOS 7以下対応のアプリが動的起動画面を使っても問題
iOS 8 GUI PSD (iPhone 6) A Photoshop template of GUI elements found in the public release of iOS 8. HDownload PSD Updated October 14, 2014 License stuff: The sole purpose of this file is to help you pitch, design and build amazing software. The file nor its elements are to be repurposed as your own. It can’t be broken apart and used to create similar tools. Make good stuff The PSD is a well organi
45,000 icons The world’s biggest icon bundle Commercial use icon packs library made for apps, websites, infographics and prints View Premium Icon Packs The Icons Bundle $99 One time payment, get all our icons and updates to the bundle Premium quality Royalty free icons packed in one bundle New icon packs every month – Get all our icons Round Icons is a bundle of premium icon packs covering all sty
みなさん、10月1日って何の日か知っていますか？！なんと、今日は通商産業省(現経済産業省)が選定した「デザインの日」！そんなデザインの日に、 UIデザインを特化しているGoodpatchが開発しているProttが正式リリース！今回のMEMOPATCHではiOSアプリの紹介を主に、今回の正式リリースの内容をお届けします！ 正式リリースについて Prott（プロット）とはこのMEMOPATCHを運営しているグッドパッチが開発しているモバイルアプリやサイトの為のプロトタイピングツールです。2014年4月にベータ版を公開して以来、多くの方にお使い頂いており、ついに正式リリースとなりました！「高速プロトタイピング＋新しいコミュニケーション」をコンセプト日々開発を進めています。 ベータ版との違いーアプリ開発チームにむけたよりパワフルなツールへー ・最新のiPhone 6などのiOSや、Androidな
「Pttrns」はiOSアプリのUIパターンをまとめたサイトです。iOSアプリにも様々なUI・デザインがありますね。Pttrnsでは、iOSアプリの色んなUIを集めてカテゴリ分けしたサイトになります。アプリのデザインを考える際に役立ちますよ。 Pttrnsへアクセスすると、左側にカテゴリが並んでいます。試しに「Launch Screen」を見てみました。アプリが起動したときの画面ですね。 アプリを起動したときに表示される画面でも、アプリによってさまざまな特徴があります。今の流行りはどのようなUIなのか、自分のアプリと同じカテゴリのアプリはどのようなUIを採用しているのかなどを考える際に非常に役立ちますね。ぜひアプリのデザインをやられている方や、実際にアプリを作っている方はUI設計時に参考にするとよいでしょう。 Pttrns （カメきち）
落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
Windows8やWindowsPhoneでタイルが並ぶ特徴的なメトロデザインで採用された「フラットデザイン」は、非常に分かりやすく、「iOS 7でも採用されるのではないか？」と予想されているのですが、Designmodoでは現在トレンドになっている「フラットデザインとは何か」ということを6つの原則としてまとめており、ウェブデザインやプロジェクトのデザインなど、デザインを行う人や興味のある人にとって知っておくと非常に役立つ指針となっています。 Principles of Flat Design - Designmodo http://designmodo.com/flat-design-principles/ ◆01：余計なエフェクトがない フラットデザインの特徴として挙げられるのが、余計な装飾物がないこと。影や傾斜、エンボス、奥行きをつけたりせず、画像のフレームからボタン、ナビゲーション
（追記 140919 11:00)iPhone 6 Plusを入手しました 特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです（主観だけど） （追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてました みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スプラッシュ レイアウト対応について ひとまず気にするのはこの辺りの情報！ あとはおまけで便利そうなリンクも載せました これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレスポンシブです。 やれやれだぜ。 基本的な情報 画面解像度はこうなってます 端末 解像度 インチ 書
iTunes の App Store で配信中の iPhone、iPod touch、iPad 用 今日のアニメ ※ 通知センターに表示できるのはiOS 8を使っている場合だけです iOS 8から通知センターに任意のウィジェットを表示することができるようになりました。 通知センターといえば、ロック画面、ホーム画面に次ぐ一等地であり、そこをほぼ自由に使える存在というのはかなりすごいことで（ホーム画面はそもそも開放されてない、ロック画面は制限付き（通知とPassbook, iBeaconなど））、間違いなく戦争が始まるので、今のうちにいろいろ確認しておくべきだろうと考えて作ってみました。 ↑ アプリケーションとしては通知センターに今日放映されるアニメ番組表を表示するというものです。 どこからでも（ロック画面からでも）サッと呼び出せるので、まあ必要なひとにはそれなりに便利かと思います。 で、まあ
モバイルファースト室の @slightair です。 先ほど、デザインをリニューアルしたクックパッドiOSアプリ 6.0.0 をリリースしました。 https://itunes.apple.com/jp/app/kukkupaddo-no.1reshipi-jian/id340368403?mt=8 この記事では、どのようにして新しいデザインをiOSアプリに適用していったのかを紹介したいと思います。 新しいアプリの画面 スクリーンショットを見ていただければわかるように、全体的にフラットな印象を与える画面に変わりました。 トップ レシピ詳細画面 サイドメニュー この記事で全ての画面を紹介することはできませんが、ぜひダウンロードしてお手持ちのiOS端末で触ってみてください。 新デザインの適用 基本的には、画面デザイン案をもらい、既存のアプリを修正して少しずつ適用していく形で進めていきました。
Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. We've made an infographic to demystify this. 320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus has screen with lower pixel resolution than the image rendered in previous step. Before the image can be displayed on the scree
前回こんな記事を書いた。要約すると「戻る」に手が届かねえって話。 同意も多かったのだが、「左端をエッジスワイプで戻る」が実装されている、というコメントを多くもらった。試してみたところ。。。。おお！すごい！たしかに！iOS7からNavigationControllerのデフォルトの挙動として実装されてるらしい*1。 で、これやってみた人いる？なんかやりづらくなかったですか？やりづらかったですよね？やりづらかったことにしましょう。その経緯とそこから広げて色々書いてみようと思うので！ 長いですごめんなさい。崩壊の話が聞きたい人は「行き詰まり」から読みましょう。 なぜエッジスワイプはやりづらいのか そもそもスワイプとエッジスワイプの違いはわりと難しい。 スワイプは真ん中辺りにポイントして、上下左右に動かす。エッジスワイプは端にポイントして、内側に動かす。 スワイプとエッジスワイプ このブログに来る
Introducing Sessions: the latest product from Waldo!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
