Flat Design Inspiration
8 Comments Thank you for nice inspiration and downloads. Strange why have not included two ui kits: https://designmodo.com/square-free/ and https://designmodo.com/flat-free/ i think these two ui kits are flagman’s for flat ui kits… anyway, thank you! Love the top 3! Need a little inspiration for a flat UI im designing. Cheers guys! For some reason, each time I see a flat design like you have showc
Android デザインを訳してみた
Android Designというサイトがなかなか面白かったので訳してみました。 アプリを作る上で気をつけるべき事を一般論とAndroid特有の事がそれぞれ書かれてあります。 ようこそAndroid Designへ これはAndroidアプリの優れたデザインをする方法を学ぶためのものです。 クリエイティブビジョン 目次 始めに・クリエイティブビジョン ・デザイン原則 ・UI概要 スタイル・デバイスとディスプレイ ・テーマ ・タッチフィードバック ・測定基準とグリッド ・タイポグラフィティ ・色 ・アイコンデザイン ・文章の書き方 パターン・NewAndroidでの新しい事 ・ジェスチャー ・アプリの構造 ・ナビゲーション ・アクションバー ・マルチペインレイアウト ・スワイプビュー ・セレクション ・通知 ・互換性 ・純粋にAndroid 開発用の部品達・タブ ・リスト ・グリッドリスト
Home - ui-transitions
Your go-to blog for Android, iPhone, and Mac tutorials. Master the art of seamless user interfaces with our expert guides, tips, and the latest trends in UI animations. Let’s transform the way users interact with technology, one transition at a time. Happy learning! Welcome to this tutorial on how to connect JBL earbuds to your Android device! In this guide, we will walk you through the step-by-st
iPad App and Website Usability | Free UX Research Report by NN/g
Learn how iPad users interact with apps and websites on their devices, and whether usability improves with time as people practice and learn new interfaces. The design guidelines are based on 2 rounds of usability studies, conducted one year apart. We observed participants working on their own iPads to accomplish a broad variety of tasks. Articles on research findings: iPad Usability: First Findin
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - page3 - builder by ZDNet Japan
2. すぐにユーザーインタフェース デザインコンセプトを決めたら、すぐにユーザーインタフェースの作成に取りかかろう。ただし、上野氏自身、これには「賛否両論がある」と語っている。それはアジャイル開発における負の側面を踏まえてのことだ。 しかし、それでも上野氏は「とりあえず半分適当でもいいので、見た目を作ってそれを叩き台に」してみようと話す。まずはデザインを起こすということで、HTMLから作ってもよし、Photoshopなどのグラフィックツールでユーザーインタフェースを起こしてみてもよい。 上野氏はモックアップ作成時の注意点として、「UIデザイン原則」を守ることが重要だと強調している。この原則は、 ユーザーに主導権を与える 直接操作の感覚を与える 一貫性を高める 目に見えるようにする 操作を可逆的にする モードを減らす エラーを回避する マジョリティに最適化する ユーザーの作業を加速化する と
40+ UI Design Tools and Resources - noupe
User interface design grows and evolves on a continual basis. To stay current, you need to keep an eye on trends, new resources, and new techniques being implemented and talked about. And you also need to try things out on your own, and come up with original ideas and implementations. [fblike] The tools listed below can help you do all of those things. Feel free to share any more resources you've
iPhone操作における男女間の違いは？ iPhoneサイトのユーザビリティ調査【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
LukeW | Touch Gesture Reference Guide
Touch Gesture Reference Guide by Luke Wroblewski April 20, 2010 The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces. The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to us
アプリケーションデザインの間違い・トップ10
ユーザーがユーザインタフェース（UI）の操作方法を知ること、UIが操作の流れを的確に導くこと、共に実現されればアプリケーションのユーザビリティは上がる。しかし、ガイドラインを守らなければ、どちらも実現は難しい。 Top-10 Application-Design Mistakes by Jakob Nielsen on February 19, 2008 アプリケーションデザインの間違いをまとめるのは難しい。最悪の間違いは、業界固有の特殊ケースである場合が多いからだ。アプリケーションが失敗に終わる理由には、 (a) そもそもの問いを間違えている、(b) 問いを正しく捉えながらもそれを解くための機能を間違えて作っている、(c) 的確な機能を作りはしたものの、難しくし過ぎてユーザーに理解してもらえない、などが考えられる。 どれを間違えても、アプリケーションの失敗は決定的で、それを避ける方法をお
実用的なユーザビリティの10のポイント：ケーススタディ編
先日紹介した「実用的なユーザビリティの10のポイント」の中から、コンテンツやフォームやタイポグラフィなどの制作に役立つ実用的なケーススタディを紹介します。 10 Useful Usability Findings and Guidelines 以下の意訳は英語圏内のため、特にタイポグラフィなど日本語ではなく英語を想定したデータのためご注意ください。 タイポグラフィ 行間 ÷ フォントのサイズ = 1.48 ウェブサイトの英語フォントでは、一般的に「1.48」が読みやすいです。 クラシックなタイポグラフィの本では一般的に「1.5」が推奨されています。 行幅 ÷ 行間 = 27.8 一つのパラグラフの幅は平均538.64ピクセルです。 多くのウェブサイトのフォントサイズが12, 13ピクセルであることを考えるとかなり長いものとなっています。 パラグラフ間のスペース ÷ 行間 = 0.754 一
進化するウェブでの経済データ提供：固定表形式からカスタマイズ方式へ
1940年東京生まれ。63年東京大学工学部卒業、64年大蔵省入省、72年エール大学Ph.D.（経済学博士号）を取得。一橋大学教授、東京大学教授、スタンフォード大学客員教授、早稲田大学大学院ファイナンス研究科教授などを経て、2011年4月より早稲田大学ビジネス・ファイナンス研究センター顧問、一橋大学名誉教授。専攻はファイナンス理論、日本経済論。主な著書に『情報の経済理論』『1940年体制―さらば戦時経済』『財政危機の構造』『バブルの経済学』『「超」整理法』『金融緩和で日本は破綻する』『虚構のアベノミクス』『期待バブル崩壊』『仮想通貨革命』『ブロックチェーン革命』など。近著に『中国が世界を攪乱する』『経験なき経済危機』『書くことについて』『リープフロッグ 逆転勝ちの経済学』『「超」英語独学法』などがある。野口悠紀雄ホームページ ------------最新経済データがすぐわかる！-------
ワイドディスプレイの普及でWebの文字が大きくなる？ | 初代編集長ブログ―安田英久
今日は、ワイドディスプレイの普及とディスプレイの高精細化が進んでいることを考慮して、改めてWebサイトに適切な文字サイズを考えてみましょう。 あなたのサイトでは、本文の基本文字サイズを何ピクセルにしていますか？ その文字サイズは、訪問者にとって見やすいサイズですか？ 二昔前は、小さな文字のオシャレなページが流行っていましたが、ここ数年は「見やすい文字サイズ」を選ぶようになっていますね。ヤフーやアサヒコムなどの代表的なサイトでは、本文16ピクセルを基本としているようです。 実はこの「ピクセル」というサイズ指定は、絶対サイズではありません。というのも、どんなディスプレイでどう表示されるかによって、実際の表示サイズが変わるからです。 ちなみに、16ピクセルの文字は、XGA（1024×768ピクセル）の15インチ液晶では4.8mmの大きさになります。手元にあった新聞の本文文字サイズを測ってみると1
UIデザインガイドラインのまとめ : could
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
Themes - macOS - Human Interface Guidelines - Apple Developer
macOS Design Themes Four primary themes differentiate macOS apps from iOS, tvOS, and watchOS apps. Keep these themes in mind as you imagine your app’s identity. Flexible People expect macOS apps to be intuitive, while simultaneously adaptable to their workflow through customization and flexibility. Many apps offer configurable preferences, customizable interfaces, and alternate ways of completing
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
方法: Windows Phone Marketplace 用のスクリーンショットを作成する
.aspx)
Microsoft Learn: Build skills that open doors in your career
Silver and Gray User Interface Elements ‹ 365psd