基本的には実装側で見え方に破綻がないようにしますが、実機でみたときにデザイナーさんは自分でデザインしたものとは少なからず違うものがあがってくるはずなので、違和感を感じることはないのかなと、疑問に思いました。 結局はデザイナーさんと実装者との間で、あらゆる画面サイズにどのように対応するかのルールがしっかり共有できればいいですが、口頭や文字だけだったりすると、なかなかわかりにくかったりするものです。 なので、デザインデータに入れてもらったほうが、実機に近い形での見え方がイメージできるのでデザイナーさんもエンジニアも幸せになれるのでは、と思いました。 スマートフォンの画面サイズはさまざまですが、基本的にはiPhoneを基準につくるデザイナーさんが多いかと思うので、少なくとも多くのユーザを占めるiPhoneの見え方は担保できるかな、という感じです。 まぁそんなデザイナーさんの手助けになればと思いま

iPhone X が発表されて間もなく、ディスプレイの「切り欠き」については至るところでちょっとしたイジリ合戦が始まっています。中には実際に信じてしまっている人もいるほど秀逸なものがありまして、それがこちら。 思わずクスッときてしまいますが（笑）、まあ当然こんなことにはなりません。 iPhone X にはディスプレイの上下左右に iOS の占有領域が存在し、それ以外（アプリのタッチイベントを認める領域）を Safe Area と呼ぶようです。Safe Area の外にある上部領域にはステータスバーとして時計やアンテナのインジケータなど iOS のシステムアイコン等が並び、下部の領域には iPhone X で導入された「ホームバー」が存在することになります。 では iPhone X の Safari で Web サイトを表示した場合に一体どのようになるのか？それを Web 上の情報を元にまと

おすすめアプリ、ゲーム、iPhone、スマホの使い方、ガジェットなどのお得な情報をお届け | AppBank

The iPhone X (read: iPhone ten) is officially here, well it will be on November 3rd. It rocks an edge to edge Super Retina Display with a resolution of 1125×2436px. It also has a cut-out at the top of the screen where you can find some futuristic face unlock features. Designing for this beautiful machine will bring some new challenges, but also some new design opportunities. The width of the devic

iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ

Omoidori　おもいどり　は、アルバムに貼られた写真を テカりなくキレイにスキャンする 全く新しいiPhoneアルバムスキャナーです。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が

Rianは皆が使いたがる高品質のソフトウェアをデザイン・作成しています。『Making It Right：スタートアップのプロダクトマネージメント』という著作もあります。シリコンバレーと南アフリカのケープタウンで数年働き、現在はオレゴン州ポートランドのJive Softwareでプロダクトデザイン・ディレクターをしています。 テクノロジーのこととなると、皆が賛同できそうなことがひとつだけあります。Louis C.K.の言葉を借りれば、「何もかもが素晴らしいのに誰もハッピーじゃない」。だから、iPhone ６sや６s Plusの3D Touchという機能が常に好評なのを見て、ちょっとした驚きを感じました。発売直後のiPhoneのレビューのほとんどが、生産性の上昇や機能の優れた実装に言及し、開発者はそれを使ってどうするかといった話に皆夢中です。 3D Touchをリサーチし、遊んでみて最初に思

ギターやベースにキーボード、ドラム……、みなさんは楽器の練習ってどのようにしてますか？　譜面を見ながら弾いたり、人に教えてもらったり、ネットを見ながらだったり、いろいろだと思いますが、やっぱり好きな曲に合わせて、それが弾けるように練習することって多いですよね。でも、耳コピにせよ、譜面を見ながらにせよ、一気に全曲弾くのは難しいので、フレーズごとに練習したり、難しいところだけを繰り返し練習するのではないですか？ そんなフレーズ練習に最適なiOSアプリをヤマハが無料で提供してくれることになりました。Kittarという名前のアプリが、それ。手持ちの楽曲をイントロ、Aメロ、Bメロ、サビ……のように自動でフレーズごとに分解してくれ、練習したいフレーズだけを繰り返し再生したり、そこだけをゆっくり再生するなど、楽器練習のために便利な機能がいろいろと用意されているのです。 フレーズ練習するためのiOSアプリ

動画集客の方法とは？効果や成功させるコツを紹介 動画xマーケティング サービス・商品紹介動画広告・PR動画 時代によって集客の方法はさまざまで、かつてはポスターやチラシ、新聞や雑誌といった紙媒体を使った広告などが主流でした。今ではネットの普及が進んだこともあり、集客のための広告もWeb上へと変化し続けています。そんなW… 採用マーケティングとは？メリットや導入方法、事例まで紹介 動画×採用 会社紹介動画 AIなどが進化したことにより、さまざまな業界で業務の自動化が進められています。とはいえ、依然としてビジネスを展開する上で欠かせないのは優秀な人材です。特に近年は業界を問わず人手不足が深刻化しており、優秀な人材の奪…

日本製最高級スマホケースとしてマツコの知らない世界やテレビ雑誌に多数掲載の「The Slit」をはじめとして、iPhone 8 とiPhone 8 Plus ではフランス製のハンドメイドで本革レザーの手帳型ケースも発売開始。ブックタイプや金属バンパーモデルも。

最近のスマホは写真がキレイ。すべてはセンサーの進歩とプロセッサの処理技術向上によるものですが、とはいえ本格的なデジタル一眼や、高級コンパクトデジカメとのレベル差はまだまだあります。 それを周辺機器型の小型カメラでなんとかできるんじゃ？というアプローチのガジェットが登場。これがなかなかスゴそうです。ただし対応は、Lightning端子を搭載するiPhone 6 Plus/6/5s/5c/5などのiOS機器のみ。iPadでも動きます。

How to watch NASA's first Boeing Starliner crewed flight launch today

マージンを制するものがスマートフォンデザインを制す！〜iPhone6/6Plusの登場で、マージンがどう変化したのか〜 デザイナーの亀谷です。 突然ですが、スマートフォンのデザインで、大きく差が出るポイントはどこだと思いますか。 もちろん意見は様々あると思いますが、私が考える最も大きなポイントは「マージンの取り方」です。 そこで今回はその「マージン」をテーマに、iPhone5とiPhone6/6Plusのマージンの変化に関してお話したいと思います。 マージンを制するために重要なもの 美しいマージンの取り方には知識と経験が非常に重要です。 水野学氏の著書「センスは知識からはじまる」にもあるように、美しいマージンの取り方においても知識が非常に重要です。 私は、具体的には以下の3つの目線から日々インプットを行っています。 常日頃から可能な限り多くのサービスに触れることで、感覚を養う。 美しいと感

こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot

「自分には作曲のセンスなんてないし、専門知識もないから無理だよなぁ…」、「オリジナルを作ってみたいけど、自分には絶対無理」と最初から諦めている人も多いのではないでしょうか？でも、鼻歌だったら、なんとなくそれっぽいものをちょっとだけ作ることってできますよね。その鼻歌を元にして、自分のオリジナル曲を簡単に作ってしまうという画期的なツールが誕生しました。 カシオがiPhoneアプリとして開発したChordana Composer(コーダナコンポーザー)というのがそれ。昨年末の楽器フェアにおいてCZ App for iPadとともに参考出品されて、新聞などでも取り上げられていましたが、それがいよいよ完成し、500円という価格で発売されました。2月5日までは300円という発売記念の特別価格になっていますが、実際にちょっと使ってみたところ、5,000円だって安いと思う、かなりすごい威力を持ったアプリに

スマホやWebなどのUXデザイナーのためのプロフェッショナルツールを数多くリリースしている「UX Pin」の中の人から、「iOS 8のUIキットをリリースしたよ」と連絡を受けたのでご紹介。 UI/UXを研究している彼らならではの、高品質な無料素材です。

By Masaki 2014.09.26 WEB iPhone6とiPhone6 Plusのレスポンシブデザインを考える。サイズ＆解像度比較とメディアクエリー こんにちは、masakiです。 iPhone6、出ましたね～。 iPhone6 Plusはちょっと大き過ぎなので個人的にNGです。あれは巨人用のスマホです。（嘘です） iPhone6 Plusの操作性とレイアウトについて 注目して欲しいのはiPhone6 Plusはタブレットではなく、「スマートフォン」の位置づけであるということです。 Plusを片手で操作するにはやはり難があり、タップしようにも指が届かないのです。大きすぎて、、 それでも片手親指で操作する方は実際にいます。そうした時にメニューボタンなど良く触れるボタンなどを上部に置くのは酷いUI。 こういった巨大なスマホ（もはやスマートではないが…）がPlusを筆頭にこれからどんど

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。