iPhone Xのノッチが美しい理由 - iPhone Mania
iPhone Xの画面上部に配置されたノッチ（切り欠き）は、iPhone Xを模倣して続々と発売されたAndroidスマホのノッチに比べて美しく見える、と感じた海外メディアBGRの記者が、その理由を解説しています。 発表直後に議論と戸惑いを呼んだiPhone Xのノッチ iPhone Xが発表された当時、画面上部にノッチ（切り欠き）があるデザインは議論を呼びました。フロントカメラや各種センサーが埋め込まれた、見慣れないノッチに、ユーザーは戸惑いました。Appleからノッチへの対応を求められた開発者たちも、同様に戸惑いました。 しかし、iPhone Xが発売され、ユーザーたちが実際にiPhone Xを使い始めると、多くのユーザーはノッチを邪魔と感じなくなり、発売後数週間でノッチをめぐる議論は沈静化しました。 数多くのAndroidスマホがノッチを模倣 その一方で、iPhone Xの後を追う多
2019年、iPhoneからノッチが消える…？ 今年のノッチ小型化も報じられる
2019年、iPhoneからノッチが消える…？ 今年のノッチ小型化も報じられる2018.03.08 12:0044,553 塚本直樹 なくなると、寂しいような… ｢iPhone X｣を特徴づける、画面上部の｢ノッチ｣。以前にもこのノッチが小さくなるという噂は登場していましたが、韓国筋からはなんと2018年にノッチが縮小し、2019年には消滅するとの情報が伝えられています。 韓国ニュースサイトのET Newsによると、2018年に登場する新型iPhoneは有機ELモデルが5.85インチと6.46インチの2種類、液晶ディスプレイ搭載モデルの画面サイズが6.04インチ。そして3機種のすべてのノッチと左右ベゼルが縮小するらしいですよ。どれくらいの縮小なのかは報道されていませんが、これは楽しみですね。 そして2019年のiPhoneでは、完全なフルスクリーンディスプレイが搭載されることでノッチがなく
iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
山中俊治の「デザインの骨格」 » 誤差の話
小さな差が積み重なって思わぬ大きな差になることはよくあることですが、モノを作るときにも寸法誤差の積み重ねは、とても重要な意味を持ちます。 例えば、カステラがきっちり入る桐の箱を作ることを想像してみましょう。理想は隙間なくぴったり納まることですが、人の手が作るものでは、なかなかそうはなりません。カステラを切るときに、菓子職人さんがどんなにがんばっても最大1ミリの誤差は防げないとしましょう。一方、箱職人さんが作る桐の箱も±1ミリぐらいの誤差は出るとします。どちらも20センチで作ってくれと依頼しても、201ミリになったり199ミリになったりする可能性があるということです。 さて、カステラが箱に入らないという困った状況にならないためには、それぞれの職人さんにどのように依頼すればいいのでしょうか。答えは、箱をカステラより2ミリ大きく（箱は201ミリ、カステラは199ミリに）作ってくれと依頼することで
iPhoneの「3Dタッチ」に抱く懸念 ユーザーは機能に気づくことができるか
3D Touchで利用できるPeek（ピーク）。コンテキストメニューのように、よく行う操作を呼び出したりできます（撮影：松村太郎） Appleが発表した次期iPhone、「iPhone 6s」と「iPhone 6s Plus」に採用された新しいユーザーインタフェース「3D Touch」が話題です。新型のiPhoneにおける最大の見どころと評価する人も多いこの機能は、Appleいわく「次世代のマルチタッチ」。タッチパネルの操作では今や一般的になった、複数の指を使ったスワイプやピンチ操作に次ぐ、iPhoneならではの新しい操作です。 指でガラス面を強く押し込むと、押し込んだ強さに応じて「Taptic Engine」が振動を起こし、それと同時にPeek（ピーク／のぞく）やPop（ポップ／飛び出す）と呼ばれる動作を起こせるこの機能は、ソフトウェア（iOS）とハードウェア（iPhone）を一体で開発
細かすぎて伝わりづらい! <br />iOS 5のデザイン変更点まとめ。
iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。 3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。 2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。 さて本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので前回のLionと同じようにまとめてみました。 細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。 1.アイコンバッジ iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。 全体的に比較してみると、iOS 4のシャドウは浮いて
WEBデザイナー向け☆iPhoneアプリのUIデザイン
どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている？ 「歩きながら」「話しながら」「運動しながら」...
山中俊治の「デザインの骨格」 » いまさらながらiPhone 3Gのボディの秘密に気がつきました
分解大好きお姉さんの万里子さんが、不要になったiPhone 3Gを分解しました。その結果、今更ではありますが、ひとつ発見がありましたので報告します。 上の写真は、3Gのプラスチックボディの内側です。よく見ると通常のプラスチック部品ではあまり見られないツールマーク（縞模様のような溝）が見られます。この溝は、ボディの内側をNC加工（コンピュータコントロールのドリルによる切削）した痕跡です。 ユニボディと言われるMacBook ProやAirは、アルミニウムの固まりから削って内面を作るので、ボディの内側全体がNC加工のツールマークに覆われています。これはiPADも同じです。しかし、プラスチックの部品の場合は、型に始めからかなり複雑な形状を作り込むことができるので、後から加工することは通常行われません。 にもかかわらず3Gのボディの内側は、全体の５分の一ぐらいの面積がツールマークで覆われていました
WWDCレポ2 ー 新iPhoneの解像度を体感する比較画像 | fladdict
解像度が2倍になるという新iPhone。はたしてどれくらいキレイなのか！？ というわけでTiltShift GeneratorのUIを新しいRetina Display対応で０から作り直した。 左がRetina用に新しく作り直した版、右は従来版。 新旧のiPhoneではこれぐらい表現力が違いそう。新しい版はもうちょっと微調整しないといけません。Retina対応しないと、ライバルと比較したときにだいぶションボリしたことになる実感。 改装コストは？ 新iPhoneでは、古いアプリは勝手に2倍表示される為、基本的にプログラムパートの改修コストはほぼ０と思ってよい模様。 問題はグラフィックのコスト。 既存のコンポーネントはともかく、ちょっとグラフィックを凝ったアプリを作ろうとすると、デザインの結構なパートはビットマップ画像に依存することになる。 これの改修コストがハンパない。 原画がビットマップの
Convert design evolution
What happens when you stick a few people who can’t agree on anything at first… but later agree on everything… in a virtual room to do some app design? This is the result: http://www.vimeo.com/6245088 I had originally planned to do a post detailing the design of Convert… from my assy “programmer mockup”… until the finished app. But I figured that this would be much more fun and 1000x less long-wind
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう