歯科予約システムの治療履歴画面（応用） | ツクロア - DESIGN LAB
「なぜこういうデザインになったのか」というデザインフローシリーズ。 前回の基礎では、必要な要素を整理してからの情報のグルーピング、さらには人が使うための気づかいを少しだけ書きました。 今回は応用として、引き続き同じネタで、 歯の番号わからんよね 日付に隠された秘密 を書いていきます。 前回の基礎を読んでいない方はまずこちらからお読みください。 歯科予約システムの治療履歴画面（基本） ｜ DESIGN LAB by tuqulore 【7】歯の番号わからんよね 前回、治療内容についてはこのように「左上7」「右下3」などと、歯医者さんの専門用語で書かれていて、これわからないよね、ということを書いていました。 もしこれを使う人が歯科医の業界にいる人であれば、「左上7」といわれてピンとこなければ、ちょっとヤバいレベルだと思います（わたしたちが「Photoshopってなんだっけ。。」と言うのと同じく
覚えておくと便利なデザイン関連のチップス - Qiita
はじめに 覚えた当時、もっと早く知ってればなあと思った便利なチップスで、現在もよく使っているものを紹介します。 デザイン関連サイト アイコン素材 https://www.google.com/design/icons/index.html https://romannurik.github.io/AndroidAssetStudio/ https://materialdesignicons.com/ カラーチャート http://www.materialui.co/colors http://www.materialpalette.com/ チートシート（Holo 時代のもの） http://petrnohejl.github.io/Android-Cheatsheet-For-Graphic-Designers/#naming-conventions-for-drawables レイアウ
Android Design in Action: Common UX Issues (Japanese)
今回は Android アプリでよく見かけるさまざまなデザイン上の問題を、デザイン・ガイドラインに則ってご紹介します。 デザイン・ガイドラインは絶対的な基準ではありませんが、高品質なアプリを目指す上で役に立つヒントが詰まっており、Android アプリの UI/UX デザインにあたってまず参考にしていただきたい資料です。詳しくは http://d.android.com/design をご参照ください。 日本の Android 開発者のための公式 Google+ コミュニティ Android Development - Japan もよろしくお願いします。 https://plus.google.com/communities/115564198961961475282 #adia #common
50+ fresh resources for designers, November 2015
Here we are again with another month-worth of freebies for your enjoyment! Scroll down and you’ll find amazing icons, templates, mockups, themes, ui kits, fonts, layout tools, JavaScript snippets, and some diverse tools for web design. Go ahead and grab it all… Squid InkLine Icons A pack of line icons in vector format that feature miscellaneous elements and come with a 100 gesture line icons set.
Androidで画像を使わずにオシャレなアイコンを簡単に表示する方法（Font Awesome） - Qiita
執筆時点（2014/04/19）のバージョン等 Android 4.3, 4.4で確認（下位バージョンでも動作すると思われます） FontAwesome 4.0.3 はじめに Androidアプリでボタンなどにアイコンを配置したいことはよくあると思いますが、アプリのイメージカラーに合わせたり画面の解像度ごとに画像を用意するのは手間がかかります。 PhotoShopやGIMPに慣れていないと、コーディングの時間より画像作成にばかり時間を取られたり。 Font Awesomeは、（画像でなく）フォントとして369種類ものアイコンが提供されているWebフォントです。 これをボタンなどのビューにセットすることでオシャレなアイコンを簡単に実装できます。 あくまでテキストなので、色やサイズの指定はAndroid標準の指定方法がそのまま使えます。Layoutファイルで何度でも簡単に変更して最適な設定を試
フラットデザインを、ただの一過性の流行だと思っていませんか？ - Tortoise Shell
フラットデザインってたまたま流行っただけ？ フラットデザインというものが世の中に浸透してきて、随分と定着したような感じがしますね。 Web制作の場面でも、フラットデザインを取り入れたWebサイトが増えています。 しかし、「どうしてフラットデザインが世の中に広まったのか」を考えたことがある人は少ないのではないでしょうか。 少なくとも、ファッションの流行のような「一過性の流行ではない」ということは、Webデザイナーであればしっかりと認識しておく必要があります。 フラットデザインの前に主流だった、リアルなアイコン もともとフラットデザインが普及する前に主流であった、いわゆるリアルなアイコンはスキュアモーフィズムと呼ばれる様式です。 なぜアイコンなどがリアルに描画されている様式が主流だったのか。 これは、コンピュータが一般家庭へ普及した歴史を見ていけば明らかになります。 まず、ご存知のとおり昔のコ
ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ
2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ！」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト！ 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多
つぶしの効く Android のスタイルテクニック - Qiita
Android アプリ全体で統一したデザインスタイルがあると、つぶしが効いて良いですよね。 そのための仕組みとして、Android ではテーマというものが設けられています。テーマを用いることで、アプリケーション全体の配色を決めたり、文字のスタイルを決めたりすることができるようになります。 一つのテーマを全体に適用するだけでよければそれはそれで良いのですが、実際問題としては複数のテーマを画面ごとに使い分けることもよくある話かと思います。この画面はフルスクリーンで ActionBarを消すけど、別の画面ではActionBarを出す、みたいな。 さて、複数のテーマを使う場合、たとえば、Light と Dark でボタンの色みを変えたい、という事が起こります。色合いがよく似ているならともかく、Light と Dark のように大きな違いがある場合は、色の調整をしたほうが良いでしょう。 また、テーマ
ブランドカラー まとめ - Qiita
SNS系 Twitter カラーコード:#55acee RGB:R:85 G:172 B:238 Facebook カラーコード:#3B5998 RGB:R:59 G:89 B:152 LINE カラーコード:#1dcd00 RGB:R:29 G:205 B:0 Google+ カラーコード:#dd4b39 RGB:R:221 G:75 B:57 Instagram カラーコード:#3f729b RGB:R:63 G:114 B:155 Pinterest カラーコード:#cb2027 RGB:R:203 G:32 B:39 LinkedIn カラーコード:#0e76a8 RGB:R:14 G:118 B:168 Skype カラーコード:#00aff0 RGB:R:0 G:175 B:240 Evernote カラーコード:#6fb536 RGB:R:111 G:181 B:54 You
デザイナーに言われた「非デザイナーが気をつけるべきデザインの4原則」 - Qiita
ウェブサイトやアプリケーション制作の現場で、非デザイナーが度々デザイナーからフィードバックをもらう内容をアバウトに4原則にまとめました。デザインは理論だそうで、以下に挙げるようなポイントさえ抑えれば非デザイナーでも「ハズさない」デザインをつくることができます(デザイナー談)。 追記[09/23/2015]：参考文献について 本記事は以下に掲載しております参考文献「ノンデザイナーズ・デザインブック(Robin Williams)」の前半部分における要所を引用して作成しています。デザイナーの方が非デザイナーにアドバイスする際に非常に有用な本らしく、私自身受けたフィードバックもこの本の内容に基づくものでした。予想していた数百倍の反響があり心底ビビっていますが、これをきっかけにデザインに興味をもち更に自分で勉強していくきっかけとなれれば本望です。わかりやすくデザインのポイントをまとめてくれた参考文
アプリ開発で参考にしておきたい UI デザインパターンまとめサイトのまとめ - Qiita
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
ListViewのdividerに余白をつける - Qiita
ListViewのdividerに余白をつける方法です。 dividerのdrawableを作成 res/drawable/にdivider用のxmlを作成します。 <?xml version="1.0" encoding="utf-8"?> <inset xmlns:android="http://schemas.android.com/apk/res/android" android:insetLeft="16dp" android:insetRight="16dp"> <shape> <solid android:color="#EEEEEE" /> <corners android:radius="1dp" /> </shape> </inset>
Android Design Support Libraryを使う | PSYENCE:MEDIA
どうもこんにちは。Google I/O 2015 帰りの 英単語サプリ 担当 田澤です。 Material Designを実現するためのAndroid Design Support Libraryが発表されました。 これまではサードパーティーのライブラリを利用するか、独自実装してMaterial Design対応をする必要がありましたが、ついに公式でサポートされるようになりました。サポートOSバージョンはAndroid 2.1 以上となっています。 そこで、本記事ではAndroid Design Support Libraryで追加されたコンポーネントと使い方を紹介します。 また、各コンポーネントに関するDesign Guidelineのリンクも用意しているのでご参照ください。 なお、ここで紹介しているコードは Github - android-SampleDesignSupportLib
Android Design Support Library について
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーがロゴマークを作る時・使う時に知っておくべき「ロゴマニュアル」 | Swings
ログイン - はてな
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Android Switch widget textOn and textOff not working in Lollipop
http://www.android4devs.com/2014/12/how-to-make-material-design-app.html
Status Bar Color not showing - 5.0 Lollipop Android Studio: (AppCompat-v7:r21)