20 Free iPhone Mockups [PSD, Sketch] —November 2022
Last updated: November 1, 2022 Whether you’re a student designing an app, or someone who has dreamed of their own project from the ground up — it’s time to get serious about this. We’ve compiled some iPhone mockups for your convenience! It includes minimalistic simplified/clay style as well as realistic and flat design in different angles including front-facing perspective and isometric ones. Befo
![20 Free iPhone Mockups [PSD, Sketch] —November 2022](https://cdn-ak-scissors.b.st-hatena.com/image/square/f53c3222173e30151d942729ac4cec79c3c22b09/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A800%2F1%2A93t-Sy2NH8qczPU6KzxJmA.png)
iPhone 6 Screens Demystified | PaintCode
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
iPhone/Androidアプリのモックアップ作りに便利なPSD・AI・ICON配布サイト｜スマートフォン｜モバイル／スマートフォン｜PHP & JavaScript Room
iPhoneタブバー＆ツールバー用アイコン iPhone UI iPhone外観素材〔iPhone3 / iPhone 4 / iPhone 4S〕 iPhoneアプリケーションアイコン iPhone風のアイコンジェネレーター iPad UI iPad 外観素材〔iPad / iPad2〕 iPod Touch 外観素材 Androidメニュー用アイコン Android UI Android外観素材 Android Widget UI〔ウィジェットテンプレート〕 Droidくん Androidアプリケーションアイコン Androidアイコンジェネレータ〔画像をアップするだけでガイドラインに沿ったアイコンを生成〕 モノトーン系アイコン iPhoneタブバー＆ツールバー用アイコン 2010/9/26 PSD PNG PSD icon Sweets License: 個人・商用利用可 iPhon
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
[CSS]iPhoneでsubmitボタンのテキストがずれた時の対応方法
submitボタンのスタイルがiPhone(Mobile Safari)で、テキストがずれたり、「border-radius」の角丸が期待より丸くなってしまった際の対応方法を紹介します。 Styling Submit Buttons for Mobile Safari デモページ キャプチャの元画像：協力（@sparrowSeven） この現象はデスクトップ用のブラウザ（Safari, Firefox）では起きませんでした。また、iPhoneのシミュレーター（iBBDemo2）でも確認できませんでした。iPhone4固有の現象のようです。 原因と思われるのはpaddingの値が正常に適用されていないような感じで、未対応時、対応時のスタイルシートは下記の通りです。 未対応時のスタイル HTML HTMLは非常にシンプルです。
M Rare – The best designers and digital marketers in GTA
All kinds of facilities possess a sincere responsibility to outperform themselves to ensure the security and safety of their customers, employees, and visitors. However, the responsibility needs to face unique challenges when it comes to long-term care facilities. Long term care centers are vulnerable to specific threats. The long-term care residents constantly need to worry about their visitors,
［ iOS7〜］apple-touch-icon（Webクリップアイコン）のサイズ - 別冊webメモ
サイト用にfaviconをつくるときに、一緒にapple-touch-iconもつくってしまいましょう。 apple-touch-icon（Webクリップアイコン）とは webサイトへのショートカットを、スマホのホーム画面につくることのできます。*1 その際にアイコンとして表示されるのが「apple-touch-icon」です。 このアイコンをタップする事で、コンテンツに簡単にアクセスすることができます。*2 どのサイズでつくるのか 推奨サイズは以下です。 iPhone / iPod touch 120×120 px（Retina） 60×60 px（標準解像度） iPad 152×152 px（Retina） 76×76 px（標準解像度） iOSヒューマンインターフェイスガイドライン: Webクリップ(Web Clip)アイコン とりあえず一番大きいサイズをつくればOK デバイスごとに
Poin – みつける、日記: 他ユーザーが書いた、様々なテーマの日記が読めるキュレーション的アプリ。無料。 | AppBank
Poin – みつける、日記: 他ユーザーが書いた、様々なテーマの日記が読めるキュレーション的アプリ。無料。 好きな日記を選んで、購読。興味のあるテーマだけを読めるので、ついつい開いちゃう。 Poin – みつける、日記のご紹介です。「みつける、日記」って何なんでしょう？ Poinにはたくさんのユーザーが自分の好きなテーマで書いた日記（ブック）を公開しています。 例えば「お昼ご飯日記」「飲み歩き日記」「自作の雑貨日記」などなど。 それら数ある日記の中から自分と好みの合うものを「見つけ」購読する、というちょっと変わったキュレーション的なアプリなんです。 もちろん、自分で日記を作り公開することもできますよ。 好みの合う人を見つけ、そっとつながれるPoinをさっそく試してみましょう。 動画でPoinをチェック 好きなブックを探して読もう 初めての方はユーザー登録をしましょう。ニックネームとメール
App Store Marketing Guidelines - Apple Developer
Preferred Badges Use the preferred black badge in all marketing communications promoting your app. The gray border surrounding the black badge is part of the badge artwork and should not be modified. Whenever one or more badges for other app platforms appear in the layout, use the preferred black badge. Place the App Store badge first in the lineup of badges. Alternative Badges The alternative whi
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
【iOS7対応】iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】 | iPhone/iPadアプリ Applision（アプリジョン）
iOS7に対応したiPhoneアプリ・iPadアプリのアイコンサイズと角丸半径をを一覧で確認できるようにまとめました！ iOS7がリリースされて、iPhoneアプリでは114×114だったアイコンサイズが120×120に変更したりとちょっとした微々たる変化が！ 一覧でわかりやすく表示しました。 アプリアイコン作成時の参考にどうぞ。また一緒に角丸半径も変更された模様！ iOS6とiOS7で角丸半径が違うのでデザインがずれてしまう結果に・・・。当分は、どちらかを優先してデザインするしかなさそうですね・・ iOS7用iPhoneアプリ アイコンサイズ一覧 単位はピクセル ファイル名 (対応OS) 画像サイズ
スマホサイト WEBデザイン集 AGT smartphone design gallery
スマホ向けWEBサイトデザイン集 AGT smartphone design galleryは、クオリティの高い、スマートフォン対応Webサイトを集めたギャラリーサイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
排卵期予測アプリ「Clue」がデザインにピンクを使わない理由
合言葉だけで写真を交換できるアプリ 写真袋
新着記事
iPhoneデザインボックス
thinkthing.net
sp-web.jp