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
様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
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
リストビューを作成する - 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シリーズの高音質技術を取り入れつつコスパにすぐれた製品です。オススメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UX/UIデザイン - OHAKO | 企画～実装をご支援
Bootstrap 3のベクターデータUIキット・「Bootstrap 3 UI Kit」
Android向けのUIキット・「Android FlatUI」
Android Asset Studio - Icon Generator - Launcher icons
in the looop | Looops communications
勘違いだらけのAndroid UIデザイン
http://webdesignmatome.com/webdesign/inspiration
