consim. βMade by @chiharukodama If you have any feedbacks or ideas, please contact me at Twitter. Also, donation is very appreciated!
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
[iOS 10] 「Appleっぽい感じで！」と言われた時に参考にしたいUIの話 | DevelopersIO
こんにちは。デザイナーの宮嶋です。 最近やっと手持ちのiPhoneをiOS 10にアップデートしました。 UIを見るためだけに触るのと、実際に使うのではまた感じることも違ってきますね。 はじめに 常に流行の最先端を行くApple製品。いつの時代もカッコイイ！ クライアントから「Appleっぽいデザインで！」とオーダーを受けたことのある方も多いのではないでしょうか。 iOS 10のデザインについて今までもいろいろなところで話が出てきていると思いますが、 ここで改めてUIの特徴を見てみたいと思います。 ※あくまで私個人の解釈であり、実際の意図と異なる場合があります。 奥行きを持たせる 帯のように項目が並んでいたウィジェットがカードに変更されたのが大きな特徴ですよね。 周囲から切り離されて画面内に独立したことで、要素の距離関係がハッキリしました。 地図アプリでは重なって表示される領域ができました
![[iOS 10] 「Appleっぽい感じで！」と言われた時に参考にしたいUIの話 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf4a0dd376b0a2fd49b646cbe9847ff1d8b2f9b0/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2016%2F09%2Fios10_400x400.png)
10月1日デザインの日にPrott正式リリース！Prott iOSアプリの使い方教えます！ | Goodpatch Blog
みなさん、10月1日って何の日か知っていますか？！なんと、今日は通商産業省(現経済産業省)が選定した「デザインの日」！そんなデザインの日に、 UIデザインを特化しているGoodpatchが開発しているProttが正式リリース！今回のMEMOPATCHではiOSアプリの紹介を主に、今回の正式リリースの内容をお届けします！ 正式リリースについて Prott（プロット）とはこのMEMOPATCHを運営しているグッドパッチが開発しているモバイルアプリやサイトの為のプロトタイピングツールです。2014年4月にベータ版を公開して以来、多くの方にお使い頂いており、ついに正式リリースとなりました！「高速プロトタイピング＋新しいコミュニケーション」をコンセプト日々開発を進めています。 ベータ版との違いーアプリ開発チームにむけたよりパワフルなツールへー ・最新のiPhone 6などのiOSや、Androidな
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーインターフェイスのデザインのヒント - Apple Developer
