Sketch App Sources - New Free Design Resources - Icons, UI/UX Kits, Wireframes, iOS, Android Templates for Sketch
Thousands of UI/UX resources from great and resourceful designers around the world Sharing and building on each other's work is the ultimate form of learning and retaining knowledge. Since 2012, we're curating some of the best resources to help you design, prototype, and collaborate better and faster. UI Kits Apps Icons Illustrations Wireframes Ideas Web iOS Material Data Forms Mockups Real Annota
画像ファイルを使わずにそこそこ見栄えのいいボタンを作ってみる - なら＠はてなブログ
約3ヶ月ぶりの更新。 ちょっと仕事がバタバタしててというか、ストレスたまりすぎてて家に帰ってまでプログラムのことを考えたくなかったというか。 フロンティア（MHF）始めたのが原因かもしれませんが。 3鯖でのんびりやってますので、見かけたら声かけてください。喜びます。 で、仕事でAndroidアプリをいろいろと公開していますが、自分でもAndroid端末使いだして気づいたことは、iPhoneと比較してストレージ容量が非常に少ないこと。 なので、アプリのサイズは少しでも小さくしたほうがよいですね。microSDカードに移せますが、ユーザーが安物SDカード使ってると目に見えて処理が遅くなりますし。 で、これまではオリジナルボタンとか背景とかはデザイナーさんに画像ファイルを作ってもらってたんですが、できれば画像は使わない方向でいきたいなー、ということでちょっとだけやってみました。 とりあえず作って
Android開発を始める上でおすすめの4冊 - なるようになるといいね
2014-02-16 Android開発を始める上でおすすめの4冊 Android開発を始めたばかりの僕が読みたかった本 - Rejasupoemと丸被ってますが、あまりにこの内容に共感しすぎてこれを書いた、というのが実際の話です。 Effective Java Java SE6の名著。都合のいいことに、Androidの推奨開発環境も未だにJDK 1.6です。 中級者以上向けとされていますが、実体験としてJava初心者でも読めました。 当然、初読では分からない部分が多かったので、不明点を理解できるまで読み直し、調べながら、章ごとに内容をノートに要約しました。肝要なのは、それでも現時点の理解では突き詰められなかった点が出てくるかと思うので、それを洗い出して「何が分からないのか」を明確にしておくことです。 そうすれば実際にプログラミングしていくなかで、「あの時理解できなかったことはこのことか！
Android Tips #36 PagerTabStrip を使って Google Play ストア風のアプリを作ってみる | DevelopersIO
Android Tips #36 PagerTabStrip を使って Google Play ストア風のアプリを作ってみる PagerTabStrip とは PagerTabStrip は ViewPager にタブ機能を追加するための View です。Support Package に含まれているので Android 1.6 (APIレベル4) から使用することができます。代表的な例として Google Play ストアアプリのアプリ一覧画面で使われています。 今回は PagerTabStrip を使ったサンプルとして Google Play ストアアプリを真似た下図のようなアプリを作ってみたので、その手順を解説したいと思います！ PagerTabStrip の使いかた 1. レイアウトを作る まずはレイアウトを作ります。ViewPager にタブを表示するには、以下のように View
[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO
はじめに こんばんは。アンドロイダー？な諏訪です。 本シリーズ「Android アプリの UI デザイン」では、Android アプリの UI デザインについて広く取り扱っていきます。 UI デザインといっても、時にはデザイナー目線で「このようなレイアウトだったらユーザは迷わないだろう」や「情報はこうまとめたほうが見やすいだろう」といったようなことを述べたり、また時にはデベロッパー目線で「こういう UI デザインはこういう実装方法で実現できるよ」や「Android の性質上、こういうデザインにすべき」といったようなことを述べたりしようと思っています。 賛否両論な意見を述べることもあるかも知れませんが…意見交換の場になって、学びあえればそれはそれで良いかなぁ、なんて思っています (とはいうものの、当面は実装方法の基礎的なところをおさらいしていきたいと思ってます)。どうぞよろしくお願いします。
![[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/27c01225a965c5b92731bf7c394c561cb9248d14/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F03%2Fcatch3.png)
秋葉ちひろのAndroidアプリデザイン入門（1） - MdN Design Interactive
第1回 iPhoneアプリとAndroidアプリのデザインの違い（前編） 2013年2月21日 解説・文：秋葉ちひろ iPhoneアプリのようなAndroidアプリ Androidアプリの開発者と話をすると、「制作してもらったデザインがiPhoneアプリそのままなんです」という声を耳にします。そして、話をよく聞いてみると、どうやらそのデザイナーはAndroid端末を持っていないようなのです。私のこれまでの経験として、デザイナーの方が持つスマートフォンは主にiPhoneを使用していて、逆にAndroidを使っているデザイナーは少ないと感じています。例えば、遊びでAndroidアプリを作るならいいのですが、仕事として受注しアプリ制作をする場合、Android端末を使ったことがないというのは大きな問題だと思います。 私が重要と捉えていることのひとつに、Androidアプリの開発に携わる人は、開発
バックグラウンドスレッドでダイアログを生成してはいけない - Kazzz's diary
AndroidではUIスレッド上でGUI部品(ウィジェット)にアクセスするのが前提になっているため、他のスレッドでGUIにアクセスするとチェックが入り例外が発生する。 android.view.ViewRoot$CalledFromWrongThreadException: Only the original thread that created a view hierarchy can touch its views. これを回避するためにはいろいろな方法があるが、一つはAsyncTaskの派生具象クラスを使ってスレッドでの処理とUIスレッドでのGUI処理を明確に分離することだ。 final AsyncTask at = new AsyncTask() { @Override protected Bitmap doInBackground(String... params) { ret
jQueryを使ってのドラッグ＆ドロップUIをiPhoneやAndroidでも簡単に動作するようにしてくれるプラグイン「jQuery UI Touch Punch」｜BLACKFLAG
先日ここでも紹介したjQueryを使ってのドラッグ＆ドロップUI。 通常jQueryでドラッグ＆ドロップを実装するには「jquery-ui.js」を使って 「.draggable()」「.droppable()」といったアクションを使って操作しますが これらはiPhoneやAndroidには対応していません。 そこで、これらの「.draggable()」「.droppable()」ドラッグ操作を 簡単にiPhoneやAndroid対応にしてくれるプラグイン「jQuery UI Touch Punch」が かなり使えそうだったので自分用メモ書きとして紹介してみます。 jQuery UI Touch Punch – Touch Event Support for jQuery UI jQuery UI Touch Punch – Touch Event Support for jQuery U
リストビューを作成する - Androidプログラマへの道 〜 Moonlight 明日香 〜
Androidプログラマへの道 〜 Moonlight 明日香 〜 C/C++プログラマの管理者が, Androidプログラムにチャレンジ. AndroidプログラミングのTipsをメモっていく予定です. トップページページ一覧メンバー編集 リストビューを作成する 最終更新： moonlight_aska 2011年09月28日(水) 22:56:03履歴 Tweet リストビュー(ListView)は, 複数の項目を一覧表示するためのものである. 表示する項目は, ListAdapterインタフェースを実装したクラスを使って, 別途準備する必要がある. 文字列のリストを作成する. res/layout/main.xml "@+id/listview_id"でプログラムからアクセスするIDを定義する. リストビューをどれくらいの大きさで配置するかを指定する. <?xml version="
Android Buttonの表示/非表示
Buttonの表示/非表示を設定するにはview#setVisibility(int visibility)メソッドを使用します。 引数には可視状態を表す定数を指定します。 view.VISIBLE・・・表示 view.INVISIBLE・・・非表示（非表示にしたスペースは詰めない） view.GONE・・・非表示（非表示にしたスペースを詰める） 下記の画像はButton01を INVISIBLEとGONEで非表示にしたものです。 Button03をクリックするとButton01の可視状態を切り替えます。 package my.study.android; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListe
AndroidのUIが楽に作成できるdroiddrawが強烈に便利。: とあるソニー好きなエンジニアの日記
音質にとことんこだわったウォークマン。特にZXシリーズは最上位モデルWMシリーズの高音質技術を取り入れつつコスパにすぐれた製品です。オススメ
Android UI Design Tips
■ UIを意識すべきなのはどうして？ 良いUI → ユーザーが洗練された質に気が付く → 評価が良くなる → アプリのランキングが良くなる → さらにたくさんのインストール＆購入につながる ■ Agenda 1. やるべきことと、やっちゃいけないこと 2. デザイン哲学と考慮すること 3. 絶対に使うべき UI framework の機能・特徴 4. 新しい UI デザインパターン 5. アイコンとガイドライン ■ やるべきことと、やっちゃいけないこと ＊ やっちゃいけないこと ・単に他のプラットフォームのUIを移植しない！ ・ユーザーがプラットフォームとアプリが合っていると感じるべき ・アプリのブランドとプラットフォームとのバランス ・modal progress と確認用ダイアログを使い過ぎない！ ・柔軟性を持つ！（absolute-positioned layout はダメ） ・px
Android開発者が知るべき10のこと - Tech Booster
本記事はAndroid DevelopersのDesigning for Seamlessnessを意訳、加筆したものです。Androidアプリをシームレスに連携させるためのノウハウを紹介します。 特性を理解する アプリケーションが高速に動作し、レスポンスが良くても、アプリケーション遷移やダイアログ表示を乱用した無計画なUI、不用意なデータの喪失、意図しないタイミングでの操作妨害など知らず知らずのうちにUXの良くない設計になっているかもしれません。これらの問題はどのように避ければ良いでしょう？ アプリケーションが動作するコンテキスト Androidフレームワークの特性(アプリケーションへどんな影響を与えるか) を理解することが開発の手助けになります。 ユーザ操作を妨げない ユーザ操作のシームレス性で問題になるケースとしてよくあるのが、他のアクティブなアプリケーションを無視して、自分のダイア
Android版Firefox、今こんな感じです！
この画像、フェイク、ではありません。 PC版のFirefoxみたいに見えるので、Fennecはどうしちゃったの？って思われたでしょうか。でもご安心ください、これは本物です。しかも、なかなか良い感じで開発されているみたいですね。 このUIについては、開発者のVladimir Vukicevicさんが説明してくれました。 この画像、フル版のFirefoxのインターフェースで、FennecのUIじゃないので、気になるでしょう。フル版はモバイル版よりもずっと複雑だから、裏で動いているGeckoへの負荷が高いんです。ということは、フル版で問題なければ、Fennecでも大丈夫だろうってことで、今はフル版でテストしているっていうわけです。 Vukicevicさんは現在の開発状況も教えてくれました。｢マウスは大体使えるけど、キーボード入力はまだ使えず、一般ユーザーが使える状態ではありません｣としながらも、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android向けのUIキット・「Android FlatUI」
Android Asset Studio - Icon Generator - Launcher icons
勘違いだらけのAndroid UIデザイン