Material DesignBuild beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot
2023 winners and finalists - Apple Design Awards - Apple Developer
2023 winners and finalists The Apple Design Awards honor excellence in innovation, ingenuity, and technical achievement in app and game design. Streaming is available in most browsers, and in the Apple Developer app. Inclusivity Winners Winners in this category provide a great experience for all by supporting people from a diversity of backgrounds, abilities, and languages. APP Universe — Website
スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイト ｜ iPhoneデザインボックス
スマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。ナビゲーションの表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り？なのかFacebookのアプリように横から出てくるメニューが多いです。
bucketlabs.net
Exploring the World of Coconut Varieties: An In-Depth Look at Desiccated Coconut Coconuts are an iconic tropical fruit that has captivated taste buds worldwide. Beyond their refreshing water and creamy meat, coconuts offer a versatile ingredient: desiccated coconut. Let’s take a delightful journey into the world of coconut varieties and dive into the secrets of desiccated coconut. Coco Mama’s Desi
UX Archive
We lay out the most interesting user flows so you can build your point of view and be inspired to design the best user experiences.
iOS7でアプリのデザインがどれだけ変わるかが分かるビフォーアフター集
「iPhoneが出てきた時以来の大きな変化」がもたらされたiOS 7では、余計なエフェクトがなくシンプルなフラットデザインが採用されましたが、それによって変わる各アプリのインターフェース・ビフォーアフターがTapFameでまとめられています。 iOS7 Redesign - Before and After Pics https://tapfame.com/ios7/ まずはつぶやき・URL・写真などが投稿できるSNSのTwitter。 新しい機能が追加されたTwitterでは会話をラインでつなげて表示されるようになったため、より会話の流れを見つけやすく、途中からでも会話に入れるようになりました。またグラデーション効果などが排除され、ミニマルなデザインに。 ブログソフトウェアのWordPress。 こちらもよりフラットなデザインになり、画面下部に表示されていたSNSボタンはなくなっています
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
inspired-ui.com - このウェブサイトは販売用です！ - inspired ui リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Mooklet for iPhone :: Create Animated "Photo Story Books" and Publish them!
大切な写真を「フォトブックアプリ」にしてあの人に送ろう Mooklet for iPhone はあなたの写真とメッセージから、世界に一つしかない「フォトブックアプリ = Mooklet」を作るアプリ。 写真を選んでメッセージを入れるだけで、たった5分でダイナミックなフォトブックが完成します。 完成したMookletはHTML5ベースのWebアプリとしてURLを配布できるため、まるでネイティブの写真集アプリのように、家族や友人のiPhoneやiPadのホーム画面にインストールしてもらうことができます。 ※Mookletの作成、作品の閲覧にはインターネット回線が必須です。 6月5日、「Mooklet for iPhone」は仏Appsfireが主催するアプリコンテストthe App Star Award 2012において、数百のアプリの中から最優秀賞に選ばれました！ フォトブックをHTML5ア
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
細かすぎて伝わりづらい! iOS 6のデザイン変更点まとめ。
先日のApple Keynote 「Let’s us loop you in」では、あまり大きな変化が無く少し拍子抜けした感じであった。特にiPhone SEの形状は代わり映えすることがなく、iPhone 5sを使っているユーザーにとっては新鮮味に欠ける感じだ。 しかし、iPhone SEをこれまでのアップルがプロダクトを世の中に送り出してきた歴史の中で捉えてみると、変わらないということそのものが価値であるということが見えてくる。 新しいデザインを生みだすことで評価されてきたAppleが、あえてデザインを変えないということを選択しているのは何故だろうか。 一貫したデザイン言語をつくる。 Appleのデザインは一度決められたコンセプトから大きく変えることはしない。素材であれば Snow white や Anodized aluminum 、GUIであれば Aqua や Brushed-met
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
Showcase of Beautiful and Unique iPhone Apps :Speckyboy Design Magazine
Designing the UI of a mobile app from scratch can be both fun and challenging, especially when it comes to creating the user interface (UI). It can be a time-consuming and arduous task that requires a great deal of attention to detail. To help streamline the design process and get you started on your next project faster, we’ve put together a collection of the best free mobile UI kits. These UI kit
Mobile App Gallery｜tappgala.com
Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
森田雄と深津貴之の UX 侍 初陣「全国タクシー配車アプリ」開発担当者とUXを語る | UXサムライ
http://www.recollect.fm/
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
iPhone HIGチェックシート