iOSアプリを開発するときに必要な画像の仕様をまとめました。 アイコン スプラッシュ 各種UIBar について記載しています。 その他の画像についてはこちらに記載しました。 なお、角丸半径については大まかな値ですので、 あくまで目安 としてお使いください。 AppStore スケール サイズ(px) 角丸半径(px) 画像名(例)
![iOSアプリの画像サイズ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc1ad439ec715175a56e05edd17d717c62662f47/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9aU9TJUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgxJUFFJUU3JTk0JUJCJUU1JTgzJThGJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgyJUJBJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz03YWYzOGRkYjBiODQ4MjQyNTdhMzk2NmNiYmZmMDY2Yw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBZdXRhJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iYjAwNzFlYjZmNjEzMTA3NTcyNmNkZmExOWQzZWFlOQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D4ee83fbf93a706e090af42b2b1efb914)
iOSアプリを開発するときに必要な画像の仕様をまとめました。 アイコン スプラッシュ 各種UIBar について記載しています。 その他の画像についてはこちらに記載しました。 なお、角丸半径については大まかな値ですので、 あくまで目安 としてお使いください。 AppStore スケール サイズ(px) 角丸半径(px) 画像名(例)
👋🤚🖐✋🖖👌🤌🤏✌️🤞🫰🤟🤘🤙🫵🫱🫲🫸🫷🫳🫴👈👉👆🖕👇☝️👍👎✊👊🤛🤜👏🫶🙌👐🤲🤝🙏✍️💅🤳💪🦾🦵🦿🦶👣👂🦻👃🫀🫁🧠🦷🦴👀👁👅👄🫦💋🩸 👶👧🧒👦👩🧑👨👩🦱🧑🦱👨🦱👩🦰🧑🦰👨🦰👱♀️👱👱♂️👩🦳🧑🦳👨🦳👩🦲🧑🦲👨🦲🧔♀️🧔🧔♂️👵🧓👴👲👳♀️👳👳♂️🧕👮♀️👮👮♂️👷♀️👷👷♂️💂♀️💂💂♂️🕵️♀️🕵️🕵️♂️👩⚕️🧑⚕️👨⚕️👩🌾🧑🌾👨🌾👩🍳🧑🍳👨🍳👩🎓🧑🎓👨🎓👩🎤🧑🎤👨🎤👩🏫🧑🏫👨🏫👩🏭🧑🏭👨
用語解説 ポイント boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。 ピクセル 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。 デバイス 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。 このサイトの解説がわかりやすいです。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 拡大モード iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。 上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。 iPho
機種別解像度の例。72 にスケールを掛けた値を設定すべき解像度とする 2. Photoshop の定規単位を設定する もう一つの設定は Photoshop の環境設定にある「単位・定規」です。次のように設定します: 定規: point 文字: point ポストスクリプトに合わせる (72 point/inch) 「定規はやっぱりピクセル単位が良い」という場合は少々面倒ですが適宜切り替えながら作業するのが良いかと思います。 PSD は大きい方から作って縮小する PSD は大きい方から作って最終出力時に小さい方に合わせる形にします。必要に応じて各端末向けに縮小したプロトタイプを個別に用意すると良いでしょう3。PSD の縦横ピクセル数は iPhone であれば 6 Plus のダウンサンプリング前の大きさ 1242×2208 pxにします4。ダウンサンプリングのことは OS が勝手にやってくれ
包茎手術を受ける際には、どこのクリニックで手術をするかということも大事ですが、まず受けるか受けないかということも考える事から始める事になるでしょう。 最終的には包茎手術をしてよかったという口コミが多数ですし、そういった結論になる方が多い傾向がありますが、ネットの口コミは非常に参考になります。 腕の悪いクリニックや保険適用で泌尿器科で包茎手術をした方の満足度は、低い傾向がありますので要注意です。 まずは料金の事だけではなく、幅広いポイントをチェックするべくネットの口コミを見てみると良いでしょう。 色々と見えてきます。 包茎手術は痛い?痛くない?口コミをチェック 包茎手術はペニスの手術になりますので、想像するだけでも悶えてしまうという男性は多いのではないでしょうか。 ちょっとぶつかったり打ったりしただけでも相当痛いのに、その部分に麻酔をして手術をするなんて考えられないと思っていてもコンプレック
みなさん新しいプログラミング言語を習得しようとした際に、どんな形で勉強を始めますか?私はとりあえずチュートリアルをやってみて外観をつかんでからリファレンスなどを漁っていくタイプのようです。ということで、iOSアプリ開発を勉強するためにウェブから無料でできるiOS7のチュートリアルをいくつかピックアップしてきました。これで最新のiOSの開発事情を知りつつアプリ作れるようになりましょう! iPhoneアプリ開発入門 (全14回) Dotinstall:iPhoneアプリ開発入門 (全14回) まずはDotinstallのチュートリアル。とりあえず触って動かしてみていろいろなUIパーツを使って見るまで。日本語+動画で理解するアプリ開発入門。 iOS 7 Best Practices; A Weather App Case Study iOS 7 Best Practices; A Weather
With the Droid RAZR M, Samsung Galaxy S III, Kindle Fire HD and a wide variety of others, 2012 has seen the debut of a large number of new Android tablets and smartphones. Meanwhile Apple has rolled out a new version of the iPhone, two new iterations of the iPad, along with the iPad mini. Chitika Insights examined how this stream of the latest and greatest products has shifted the use of Apple’s i
iOS7のリリースは、アプリに関わる企業や開発者にはビッグインパクトとなった。フラットデザインに一新されたiOSに対し、どのような開発戦略をとるべきか。率直に言えばiOS6をサポートすべきか、あるいはいっそiOS7専用アプリを作るべきか。この問題に頭を抱えている担当者は多いだろう。 多くの企業は条件反射的に、「1世代前のバージョンはサポートすべき」と保守的な安全策を考える。だが本当にその選択は安全策なのだろうか? 見えていないコストやリスクはないのだろうか? 本記事では、mixpanel.com が公開するiOS推移の統計データと過去のiOS移行をベースに、iOS7のサポートとどう向き合うべきか考える。 iOS7は史上最速で普及しているChitika.comの統計データによれば、iOS7への移行は、前年のiOS6時よりも急ピッチで推移してる。 リリース7日間におけるiOS6とiOS7の普及
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ!iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
有名アプリなんでしょうかね、Skala Preview。いままで知りませんでした。 Skala Previewを使うと、Mac上の画像やPhotoshop画面やクリップボードの画像を、iPhone上でピクセルパーフェクトで表示できます。 Mac / iPhone 用アプリ。 使い方も簡単で、MacとiPhoneで両方立ち上げれば適当に同期してくれます。フォトショッパ—マジ感涙! 昔はイラレ画像をDropboxとかメールで転送してたのですが、Skalaを使えば直接見れる。UIもシンプルで綺麗。まだiPhone5には対応してませんが、はやく対応して欲しいなぁ。これは便利! ついでに、普段使ってるものをつらつら。大分定番ですが。 IconKit Store 大きいアイコンを作れば、自動でiPad用やiPhone用などすべてのアイコンをリサイズして準備してくれる。 ReSizer Store iP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く