Effeckt.css
From Below From Above Slide In (top) Slide In (right) Slide In (bottom) Slide In (left) Newspaper Side Fall Sticky Up 3D Flip (horizontal) 3D Flip (vertical) 3D Sign Fade In 3D Slit 3D Rotate Bottom 3D Rotate In Left Blur Let Me In Make Way! Deep Content Slip From Top From Top, Tilt Fall From Top to Bottom From Bottom to Top From Left to Right From Right to Left From Above to Below From Below to A
改めて「ユーザー目線」の重要さを考える～クックパッドのアップデート時におけるレビュー悪化に学ぶ～ - 儲かるWEBサービスのネタの種
最近ソーシャルゲームの話題を連投していたので、少し毛色の違う話題について書いておきます。タイトルにもありますが最近行われたクックパッドのiPhoneアプリのアップデートに関してです。どういう話かを簡単に説明すると、先日クックパッドが大幅なUI改変を行なってアプリをアップデートしたら、一部の層にはUIが良くなったと評判が良かったんですが、実際に使っている主婦層だと考えられる人達にウケが悪くAppStoreのレビュー欄が☆1だらけになったという話です。 実際、自分は新UIのクックパッドを初めて触った時、最近のiPhoneアプリにおいて使いやすいとされるUIを盛り込んだ素敵な改善だと感じました。またtwitetrやFacebookなどweb上での反応も比較的、好反応なものが多かったように思います。ですが先にも書いたようにAppStoreのレビュー欄は散々でした。下に挙げたのは一部に過ぎませんが画
リッチなポップアップメニューをさくっと実現できる OGActionChooser - その後のその後
たかがモック、されどモック。 モックといえど、RoundRect タイプのボタンを使用してたりするとどうにもテンションが上がらない、ということはよくあります。（僕はよくあります） そんなわけで、リッチな GUI を簡単に作れる系のUIコンポーネントをいろいろ cocoa controls で探してきては手順をここにメモっておこう、と思い立った次第です。 第一弾は OGActionChooser 。 こういうポップアップメニューを簡単に表示できるようになります。 導入方法 1. ソースコードをダウンロード https://github.com/relikd/OGActionChooser 2. プロジェクトにファイルを追加 OGActionChooser.h, OGActionChooser.m をプロジェクトに追加します。 3. ヘッダをインポート #import "OGActionCho
Icon Deposit CSS3 UI Kit (PSD+CSS) - Icon Deposit
- Preview the Live Code Here Here is the long awaited Icon Deposit CSS3 UI Kit. This includes everything from GUI switches and buttons, to radio buttons and checkboxes. I also included the Photoshop PSD file for those who want to edit the design or make the images bigger. Keep in mind that this preview image is only for google chrome, so if you would like to see it in other browsers, you will need
私が「Ice Cream Sandwich」を嫌いな理由 - Kazzz's diary
GALAXY Nexusが来て2日間使い倒した。ハードウェア自体は良いなぁと思う点が多々あったものの、ソフトウェアに関しては自分がそれを生業にしている点で評価がどうしても厳しくなってしまうようで、今の所嫌いな所ばかりが目立つ状況だ。 私は元々AndroidそれもGingerbread(2.3)までのスマートフォンを主なターゲットとした装飾を控えめにした機能優先なインタフェースとデザインは好きだ。がしかしAndroidとしてタブレットに始めて対応することとなったハニカムは機能的なデザインが影を潜め、完成度もお世辞には高いとは思えないそのデザインとGUIは結局好きになれずじまいだったのである。 そこでAndroid4.0だ。"Ice Cream Sandwich" (以降はICSと略する)はスマートフォンとタブレットのユーザインタフェースを統合するものでありそのデザインは基本的にはハニカムが踏
Android UI勉強会―デザインから実装まで― #androui419 に行って来ました。 - @thorikiriのてょりっき
Android UI勉強会―デザインから実装まで― on Zusaar 遅こ（ｒｙ オープニングあたりは聞けなかったです。メモとかまとめとか Android UI勉強会―デザインから実装まで #androui419 - Togetterまとめ タダだったので、懇親会も出たかったのですが、諸事情によりすぐ帰りました。 エクストリームフラグメントUIプログラミング 資料 事前に見ておくと良い資料 → Fragment を使ってみよう ABC2012 Springの資料 → http://www.android-group.jp/conference/abc2012s/files/2012/03/abc2012s_yanzm.pdf GDD 2011 Japanの資料 → Fragment を使ってみよう 第3回名古屋Android勉強会 Fragment基礎講座/ハンズオンの資料 → %E7%
Android UI Design Tips
■ UIを意識すべきなのはどうして？ 良いUI → ユーザーが洗練された質に気が付く → 評価が良くなる → アプリのランキングが良くなる → さらにたくさんのインストール＆購入につながる ■ Agenda 1. やるべきことと、やっちゃいけないこと 2. デザイン哲学と考慮すること 3. 絶対に使うべき UI framework の機能・特徴 4. 新しい UI デザインパターン 5. アイコンとガイドライン ■ やるべきことと、やっちゃいけないこと ＊ やっちゃいけないこと ・単に他のプラットフォームのUIを移植しない！ ・ユーザーがプラットフォームとアプリが合っていると感じるべき ・アプリのブランドとプラットフォームとのバランス ・modal progress と確認用ダイアログを使い過ぎない！ ・柔軟性を持つ！（absolute-positioned layout はダメ） ・px
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
MOONGIFT Androidアプリ開発のお供に「Android UI Utils」
Android UI UtilsはAndroid用のオープンソース・ソフトウェア。AndroidはGoogleという技術先行の企業がメインで開発しているだけに、あまりアプリケーションのデザイン部分に手が回っていない印象を受ける。開発者はよくとも、デザイナーにとっては問題だろう。 Pencil用の素材 とは言えAndroid自体がオープンソースということもあって、周辺のオープンソース・ソフトウェアも増えつつある。もしあなたがAndroidアプリのモックなどを作成するならばAndroid UI Utilsを試してみるといいだろう。 Android UI Utilsは幾つかのソフトウェアがセットになっている。まずFirefoxのプロトタイプ作成ツールであるPencil用のソフトウェアがある。これをインポートすると、Androidに適したUIコンポーネントが利用できるようになる。 HTML5で画像
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フラットで小気味よく動くボタンスタイルのデモ＆サンプル:phpspot開発日誌
Website Maker - Web Design Software - Blocs
Loading...