まるでスマホのようなアクリル板、「AcryPhone」が登場しました。価格は3300円。実用性は皆無ですが、それっぽい手ざわりは楽しめます。 サイズ感や光沢は全くスマートフォンのそれ でも単なる板です 赤ちゃんの寝姿を漫画風に演出するブランケットや、着るだけで巨乳に見えるTシャツなど、ユニークなグッズを多数手掛けるエコードワークスの新作（関連記事1／関連記事2）。ある日電池切れのスマホを見て「ただの黒い板だな」と思ったとき、逆説的に「ただの黒い板は電池が切れたスマホに見えるのではないか？」と着想したといいます。 サイズは幅71ミリ・高さ146ミリ・厚み8ミリと、iPhone 14（71.5×146.7×7.8ミリ）とほぼ同じ。市販のスマホカバーなどを使用したカスタマイズが可能です。 単なる板なので何の情報も得られませんが、その分集中の妨げとなることもないですし、個人情報漏えいのリスクもあり

iPhoneアプリの「鳥」アイコンを集めて“鳥かご”にするTwitterユーザーが現れ話題になっています。 苔つしま（@koketools）さんが投稿したのは、iPhoneのホーム画面に「鳥」という名前のフォルダを作り、そこにTwitterなどの“鳥アイコン”をまとめた、ユニークな発想の鳥かご。そのほとんどが白抜きなため、白い鳥たちが集まっているのがまた面白いです。複数羽いるとよりかわいく見えてくる不思議。 平和堂アプリがあるのも相まって、見ていて平和な気持ちに…… そして同時に「他にあったら教えてほしい」と募集をかけたことから、大量のリプライとともに「鳥」の目撃情報が寄せられることに。それから間もなく、5羽だった鳥かごは20羽にまで増え、自動的に鳥の種類も鶴にニワトリ、ツバメ、フクロウなどが集まります。白以外の鳥の姿も……！ 上記の画像にプラス2羽います（この時点で20羽） さまざまな鳥

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

iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

スマートフォンアプリの開発ではユーザーエクスペリエンス(UX)を高めることが重要で、優れたアプリには必ずと言ってよいほどUXを高めるデザイン上の工夫があるものです。人気の地図アプリである「Google Maps」と「Apple Maps」のUXデザインを比較すると、両アプリが異なる思想の下で緻密にデザインされていることがよく分かります。 Maps on iOS: Design Explosions #1 http://uxlaunchpad.com/designexplosions/1-mapping-on-ios.html 左がGoogleの地図アプリ「Google Maps」で右がAppleの地図アプリ「Apple Maps」。一見、よく似たデザインですが、UXデザインの思想は大きく異なっています。 ◆地図表示とツールの配置 これはGoogle Mapsのレイアウト。右の図は、ユーザー

（追記 140919 11:00)iPhone 6 Plusを入手しました 特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです（主観だけど） （追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてました みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スプラッシュ レイアウト対応について ひとまず気にするのはこの辺りの情報！ あとはおまけで便利そうなリンクも載せました これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレスポンシブです。 やれやれだぜ。 基本的な情報 画面解像度はこうなってます 端末 解像度 インチ 書

日本のベンチャー・ログバーが開発した指輪型のウェアラブル端末「Ring」が炎上している。出荷が遅延し、デザインも当初の予定から変更。支援者から返金を求める声が高まっている。 日本のベンチャー・ログバーが開発した指輪型のウェアラブル端末「Ring」のプロジェクトを掲載した「Kickstarter」のコメント欄が炎上状態になっている。当初は7月出荷予定としていたが、その後8月末に延期。さらに9月末に延期した。デザインも当初の発表から変更しており、支援者から返金を求める声が高まっている。 同社は9月2日、ITmediaの取材に対し、「現在、今月末発送に向けて量産が進んでいる状況」と説明。「今月から情報発信も頻繁に行っていき、サポート体制も整える」としている。 Ringは、指輪型の本体を指に装着し、指でジェスチャーを描くだけで、Bluetooth経由で接続した外部デバイスや、家電との中継機器「Ri

PixateはMac OSX用のソフトウェアです。 iOSアプリのデザインはXcodeを使って行うのが一般的です。しかしWebデザイナーや開発者にとっては思い通りにいかなくてやきもきするときがあるかも知れません。そこで注目したいのがPixateです。何とスタイルシートと同じ記述で画面を作成できます。増資し、フリーになりました。 ボタンのデザイン。確かにスタイルシート調です。 記述を変えればダイナミックに描画が変わるのも特徴です。 SVGの表示も行えます。 さらにタップすると線だけに。 こちらはプレイグラウンド。様々な表示例があります。 ラベル。テキストエリアの部分は変更できます。 こんな感じにダイナミックに文字サイズを変更できます。 地図のポインター部分の大きさを変更。 本当に数多くのデモがあります。 検索ボックス。 セクション付きのテーブルビュー。 様々なテキストビュー。 Pixateは

Tesla has finally set a date for the first deliveries of the Cybertruck. CEO Elon Musk posted on social media Wednesday that the Cybertruck delivery event, which traditionally means a few select custo

ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin

Tweet ずっとMomentoだと思っていた。 エンジのボディにホワイトのリボン。濃淡の美しさに惹かれて、何度か食べたくなった事がある。ノスタルジックな味がするに違いない。 今回はデザインのいいアイコンを紹介したい。 Momentoと同じぐらい美しいアイコンを発見して、嬉しかったのだ。 入選 Camera+ Color Splash Fast Memo iBonsai Instagram Path PicFrame PlainText Reeder QuadCamera Symmetory Vellum Wikipanion WriteRoom Wunderlist Zentomino どれも素晴らしいアイコンだ。 いよいよ金賞を発表する。 特別賞 Momento Momentoの美しさは揺るぎない。金賞でもいいぐらいだが、今回は特別賞に留めておこう。 次点 Pillboxie 青く透き

スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ

iPad Air M2 hands-on: A big-screen iPad that doesn't break the bank