スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流｜Go Ando / THE GUILD｜note
前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで
The Ultimate Guide To iPhone Resolutions
UPDATE: We have added the new iPhone 11, iPhone 11 Pro and iPhone 11 Pro Max to the guide below. The device screen may have lower pixel resolution than the image rendered in previous step. Before the image can be displayed, it must be downsampled (resized) to lower pixel resolution. Physical Pixels At the beginning, coordinates of all drawings are specified in Points are abstract units, they only
フェーズと目的に応じたプロトタイピングの手法と意味 - クックパッド開発者ブログ
こんにちは。ユーザーファースト推進室の元山です。 みなさんはスマートフォンアプリケーションやWebサービスの開発・改善をするときにどのようなプロセスで行っているでしょうか？アジャイルやリーンなどの最近では一般的なよくある開発プロセスの中で、今やプロトタイピングは当たり前に行うものとなっていると思います。プロトタイピングを支援するアプリやWebサービスも数多くありますが、ただ闇雲にプロトタイプを作ればいいわけではありませんし、プロトタイプモックを作ること自体が目的化されては意味がありません。 クックパッドでもプロトタイピングを取り入れた開発プロセスを行っていますが、開発のフェーズであったり、または目的によってどのようなアウトプットとしてプロトタイピングするのかは変わってくると思います。今回はクックパッドで実際に行っているプロトタイピングについてフェーズや目的ごとにご紹介しようと思います。 コ
Free iOS 9 UI kit, Illustrator & Sketch - Mercury Blog
You’re probably thinking, “I already use Facebook’s and/or Design+Code’s iOS 9 GUI document for Sketch. Why download another one?” Put simply, ours is better. We set out to create a more complete, more up-to-date, more accurate, and more thoughtfully structured iOS UI kit for Illustrator and Sketch. If you use Illustrator, there’s no contest — you won’t find another iOS UI resource remotely close
次世代モバイル向けデータベースRealmを使ってみる 第2回-RealmSwiftを使ってみた- ｜ Geekroid（仮）
前回はRealm Tech Talkの様子をレポートした。今回はインタフェースが刷新されたSwift版Realmを実際に使用し、その実力を体験していただこうと思う。 繁田卓二 Realmは現在iOSとAndroidをサポートしており、Objective-C, Swift, Javaの3つの言語向けにインタフェースが提供されている。今回はリリースされて間もないRealm Swiftにフォーカスし解説したいと思う。 尚、インストールに関しては公式サイトのドキュメントに詳しく書かれているためここでは省略する。Framework形式のバイナリをダウンロードしプロジェクトに追加するか、CocoaPodsやCarthageなどのパッケージ管理ツールを使用してプロジェクトにRealmをインポートしておこう。 ・Realm公式ドキュメント https://realm.io/jp/docs/objc/lat
RubyMotionがすごく良く分かる良記事のまとめ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
2014-01-12 RubyMotionがすごく良く分かる良記事のまとめ iOS開発の記事のまとめ iOS開発 こんにちはnasustです。RubyMotionの記事が溜まってきたので、まとめてみました。 RubyMotionとはRubyでiOSのアプリが開発できるソフトです。文法はRubyですが、コンパイルするとネイティブコードに変換される為、ネイティブアプリと同等のスピードで動作します。 Rubyであるので、Objective-Cの訳が分からない文法やメモリ管理から解放されます。 ただし、APIはObjective-Cのものを呼ぶ為、APIのドキュメントを読むくらいの知識は必要です。 簡単なアプリ開発に、さくっとコードが書けるので適しています。 以下のまとめは『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrt
今更ですがiOSアプリ開発の基礎について色々調べてみました - もとまか日記Ｚ
最近、以下のような記事を不定期に書いているわけですが。 iPhoneアプリを作ってみよう（Xcode4編）第１回：じゃんけんゲーム iPhoneアプリを作ってみよう（Xcode4編）第２回：簡単ブラウザ そういえば、iOSアプリの開発の基礎的なことって、ちゃんと書いてなかったような・・・・？(^^;;; てなことを考えてた時にTwitterでXcode関連の開発本について、「どの本がいいですか？」的な質問を受けたりもしました。 そこで、大型連休にiOSアプリの開発の勉強をしたい！という方もいらっしゃるかもしれないし？、ってことで、iOSアプリ開発の「基礎」について、色々調べてまとめてみました。 iOSアプリ開発に必須なもの まず、開発環境として必要なのが以下。・Mac・XcodeMacは最近のものであれば、どの機種でも問題ありません。ちなみに私はサンタさんに頂いたMacBook Airの1
intel XDK - HTML5 Development Environment
Write Your App If you can write it for the web using HTML/HTML5, CSS3 and Javascript*, you can use the Intel® XDK to build it as an HTML5 web app or as a native app for all of the major App Stores. Emulate & Test The Intel XDK makes it easy for developers to check look and feel of their apps with on-screen emulation on a wide variety of devices. The App Tester allows you to test on a physical devi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OneSky | Collaborative Translation Platform
iOS Human Interface Guidelines：Designing for iOS （日本語）
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
CS 193P iPhone Application Development
日本語ドキュメント - Apple Developer
iOSドキュメント日本語版のまとめ場所 - もとまか日記
IDEA * IDEA
Verify you are a human
Tiggzi.com