デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック
文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ
Q. StoryboardとXIBはどう使い分ければいいんだろうか？ - Qiita
storyboardについて調べていたところ、StoryboardLintの作者の考えが興味深かったので該当のstackoverflowのエントリを抄訳した。訳はニュアンスが伝わればいいくらいの適当さです。 When to use Storyboard and when to use XIBs どういうときにstoryboardを使って、どういうときにXIBを使えばいいか、何かガイドラインはあるかな。それぞれの長所と短所はなんだろう。どういう状況でそれぞれを使えばいいんだろう。 動的にUI要素を組み立てる場合にstoryboardを使えないってのは知ってるんだけど。 (Asked by affian at 2012/2/22) Answer by henning77 at 2012/3/1 ぼくはXIBを使い込んだし、storyboardを使ったプロジェクトを二つ完成させたことがある。そこ
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
画像ファイルを使わずにそこそこ見栄えのいいボタンを作ってみる - なら＠はてなブログ
約3ヶ月ぶりの更新。 ちょっと仕事がバタバタしててというか、ストレスたまりすぎてて家に帰ってまでプログラムのことを考えたくなかったというか。 フロンティア（MHF）始めたのが原因かもしれませんが。 3鯖でのんびりやってますので、見かけたら声かけてください。喜びます。 で、仕事でAndroidアプリをいろいろと公開していますが、自分でもAndroid端末使いだして気づいたことは、iPhoneと比較してストレージ容量が非常に少ないこと。 なので、アプリのサイズは少しでも小さくしたほうがよいですね。microSDカードに移せますが、ユーザーが安物SDカード使ってると目に見えて処理が遅くなりますし。 で、これまではオリジナルボタンとか背景とかはデザイナーさんに画像ファイルを作ってもらってたんですが、できれば画像は使わない方向でいきたいなー、ということでちょっとだけやってみました。 とりあえず作って
HMDT＆ニコ動アプリ開発者が語る！ Web CAT Studio「スマートフォンUXの最前線」勉強会レポート - はてなニュース
はてなでスマートフォンアプリの開発を担当している、id:ninjinkunこと浅野慧です。近年、スマホアプリは「ユーザー体験（UX）」が非常に重要と言われており、筆者もUXの勉強に勤しむ毎日です。そんな中、エンジニア＆クリエイターを支援するコミュニティ「Web CAT Studio（運営：リクルートエージェント）」が「スマートフォンUXの最前線」という勉強会を開催すると聞いて、お邪魔してきました。勉強会当日のレポートと、Web CAT Studioが積極的に勉強会を開催している理由を伺ったインタビューをお送りします。記事の終わりには、関連書籍のプレゼントのお知らせも！ （※この記事はWeb CAT Studio／株式会社リクルートエージェントの提供によるPR記事です） ▽ スマートフォンUXの最前線 : ATND 「UX」とは「ユーザー・エクスペリエンス」「ユーザー体験」の略で、簡単に言う
iphone_dev_jp勉強会で発表してきました – Core Graphicsでつくる自作UIコンポーネント入門 | DOTAPON Blog
iphone_dev_jp勉強会で、「なんか発表たのむ」と。 こういう機会は逃しちゃだめだ！ってことで、またまた発表してきました。 前回の発表者はぶっとんだ「変態さん」ばかりで、自分も含め「ついていけない…！」という方も多かったと思います。 なので、今回は入門的な位置づけに挑戦してみました。 発表資料はこちら。 Core Graphicsでつくる自作UIコンポーネント入門 View more presentations from cocopon 今回のテーマ 今回のテーマは、「Core Graphics描画によるUIコンポーネント自作の基礎を学ぼう」。 「CMPopTipView」というオープンソースのUIコンポーネントを題材に、描画の基礎を割と丁寧に解説したつもりです。 CMPopTipViewはフキダシ型のUIコンポーネントで、itokさんのPaylogや拙作のCalqumなど、
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
AndroidでFacebookアプリのような挙動を作りたい : まったり開発日誌
コメント一覧 (2) 1. 平塚俊輔 2012年05月16日 18:15 お世話になります 平塚と申します。 上記サンプルを実行したところ、以下のエラーが出ました 05-16 17:49:53.929: E/AndroidRuntime(8578): Caused by: java.lang.ClassNotFoundException: com.freeworks.android.tubedroidplayer.TubeDroidPlayerActivity in loader dalvik.system.PathClassLoader[/data/app/com.freeworks.android.tubedroidplayer-2.apk] Activityがロードできないと言われてるのですが、、、 manifestには書いてありますので、どういうことなのかわからずでして。。。 もし
KLab iPhoroid UI 発表！〜AndroidでリッチなUIを簡単に〜
umjammer です、 弊社の Android 案件の成果物として、リッチなUIを簡単に使用することができるUIコンポーネント群、名付けて「KLab iPhoroid UI」をここに発表します。 Android 案件を進めていく上で、お客様から言われる要件の一つとして「iPhone と同じようなUIにしてもらえませんでしょうか？」というのがあります。やはりスマートフォンと言えば iPhone というイメージが世間では強いのでしょうか？ Android には Android UI のポリシーが云々というのはありますが、そこはお客様の要望なので… そして Android のデフォルトで用意されている UI のみでは iPhone の様なリッチな UI & UX を再現するのは困難です。 サードパーティーも頑張って様々なリッチな UI を WEB に発表していますが、イメージの多用、メモリ管理
facebookライクなスライドメニュー - iOS Advent Calender - build note
2011年12月19日 14:34 カテゴリ facebookライクなスライドメニュー - iOS Advent Calender Posted by inonb No Comments No Trackbacks （iOS Advent Calendar 19日目の寄稿エントリです） 10月にfacebookのiOSアプリがアップデートし、横スライドでメニューが出る形になりました。その後Path2やGMailも同様のUIを採用してきて、早くも新しい定番となった感があります。 このUIは、なんといっても画面が広く使えるのがメリットですね。メニューが隠れるのでメインのコンテンツ（タイムラインなど）を画面全体に出すことができ、またそのメニューはグループ分けしてリストで延ばしていけるので、収納力と拡張性にもすぐれます。 このfacebookスタイルの横スライド式コントローラを作ってみます
そのUI, まずはCocoa Controlsで探してみよう - プログラミングノート
iOS Advent Calendar 9日目担当のntakuです。 もし、iOS開発する上で一番大変なことはなんですか？と聞かれれば間違いなくUIの開発！と答えます。同じ価値や機能を提供するにしても、使っていて気持ちが良いUIであるかどうかでアプリの評価は大きく変わってくると思います。 何がベストなのか、はやはり実際にプロトタイプを作ってみないと分からないわけですが、あのアプリのUIをちょっと真似してみようと思ったり、このアプリと同じように作ってくださいと言われるとそれだけで数日かかってしまうこともざらにあります。 そんなことを繰り返していると中々アプリが完成しないわけなのですが、その期間を少しでも短縮するために、私が開発する際に活用しているのがCocoa Controlsというサイトです。 Cocoa Controls Cocoa ControlsはiOSやMax OS X開発者が開発
Androidアプリを“超”魅力的にする3種類のUIテスト
Androidアプリを“超”魅力的にする3種類のUIテスト：Androidアプリ開発テスト入門（3）（1/3 ページ） 日本Androidの会テスト部が、いままで培ってきたAndroidアプリ開発におけるテストのノウハウを、実際のテストコード例とともに紹介していきます 「UIのテスト」って何？ 本連載「Androidアプリ開発テスト入門」では、Androidアプリを開発している方のために、テストの基本的なノウハウを解説しています。第3回となる今回は、ユーザーインターフェイス（以下、UI）のテストについて解説します。 スマートフォンアプリケーションの特徴として、タッチ操作による魅力的なUIが挙げられます。Androidのアプリケーションの開発においても、UIの作り込みを求められることが多く、UIの品質の担保は大きな課題です。 本連載で扱うUIは、画面のレイアウト、画面遷移やイベントなど振る舞
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pie Menu (like Path Menu) using jquery and CSS3 by Nikesh Hayaran
Design Stencils - Design Pattern Library - YDN
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
GitHub - levey/QuadCurveMenu: QuadCurveMenu Has been renamed to AwesomeMenu, moved to https://github.com/levey/AwesomeMenu
5秒でUIButtonをクールにする方法
https://jp.techcrunch.com/2012/01/13/20120103holo-promises-google-moves-to-ensure-ui-integrity-on-all-android-4-0-devices/
デザイン | Android Developers
Google Code Archive - Long-term storage for Google Code Project Hosting.