iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴から情報設計の原則、それぞれ何のための部品なのか、という解説がされています。なぜこうなったのか、なぜこれが良くてあれが駄目なのか、Apple の UI デザイナーは何を考えてこのような設計にしたのか、HIG ではそのようなところまでは説明されていないことがあります。いくら内容を丸暗記したとしても「 なぜ 」がわからなければ本質から理解したとは言えません。 よくある UI デザインにおける誤り、『磨りガラス効果がかっこいい』『アニメーションしておくとかっこいい』『ボタンは右配置の方が押しやすい』『色が綺麗』『流行っているから優れている』…などがありますが、そういうことではない

Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン（Android）もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね！ Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io

この記事の大雑把な内容 この記事は、Webデザイナー出身の現リスティング広告担当者が、自社または外注先にイメージ広告を発注する際の「デザイナーさんにスムーズに気持よく仕事をしてもらうための注意点」をWebデザイナー目線で紹介しています。 記事の最後に、弊社で使用しているイメージ広告発注仕様書をダウンロード出来るようにしてありますので、必要がある方はどうぞご使用ください。また、現役Webデザイナーの方で、「こういうのが困るんですよね」などあれば、はてぶのコメント欄にでも記載してください。みなさんで共有し、今後の改善に役立てていければと思っています。 すっかり涼しくなり、我家の猫もそろそろ丸まり始める季節となりました。 セミの鳴き声もすっかり遠くなり、「あー、楽しかった夏も終わってしまったのですね感」が満載な時節です。季節の変わり目は、猫が丸まり始めるだけでなく、いろいろな店舗や企業が、あらた

メインのお仕事がAndroid UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです！ (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot

空前のスタートアップブームで会社やウェブサービス、アプリのロゴ作成のニーズが増えていることと思います。ウェブ系のロゴは他と違ったまた独特のスタイルがあると思いますが、ともすれば「ありがち」なロゴになってしまい他のロゴに埋没してしまうこともありますよね。そんな悩めるあなたに今回はロゴデザインのヒントになるようなサイトを厳選した紹介する記事を。 — SEO Japan 無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ あなたがロゴデザイナーなら、もしくはロゴデザインについて学ぶことに興味があるなら、インスピレーションのために優れたロゴデザイナーの素晴らしい実例を見たいに違いない。以下に紹介する10のサイトは、インスピレーションが必要な時に訪れるのに

以前、同じく「神がかり的な素晴らしいデザインのアイコン」をお届けしましたが、今度はiOS版です。 とにかく細部まで作り込まれているアイコンデザイン色々。 神は細部に宿るとはこういうことなのかなと本当に改めて感じます。 アイコンとはもっとシンプルであるべきというご意見もあるかもですが。 iPhoneのアイコンのこの角丸の四角という決まった形の中で表現する立体感がたまらないです。 舐め回したくなるくらいです。 下記のリンク先からもっと沢山のアイコンと、そのデザイナーへのリンクがありますよ。 via: 46 Fabulous iOS Icon Designs - DesignM.ag

Keynote、iWeb、Pagesなどで使うことができる「Keynote Objects」というアイコン集がありました。 なんと100種類！ いろいろな使い道があって、これは使い出がありそうです。 ダウンロードするとtif形式のアイコンが入っています。 もちろん内容が重要なのはいうまでもありませんが、見た目の印象というのも大切なので、こうしたアイコンを上手に使えると良いですね。

Pricing Compare all pricing solutions. Options for individuals and teams. See all Pro subscription 7-day free trial Choose a flexible subscription plan for you and your team members. See the benefits Pay as you go Pay for the graphics you need, when you need them. No strings attached. How it works

TOP デザイン一覧 グラデーション テキストのみ テキスト非画像 上線 下線 丸 四角 囲み線 斜線 未分類 点線 角丸 はてなブックマーク ツイートする シェアする 他のギャラリー ファビコンギャラリー フッターデザイン ウェブコレクション このサイトについて いろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。 連絡先：manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.

ライフレシピ共有サイトの「nanapi」というものをリリースしてみました。 nanapi[ナナピ] | 7分であなたの生活を便利にしちゃうライフレシピ共有サイト おかげさまでいろいろと紹介していただいたみたいでアクセス数高くていい感じです。 今回、どのような設計にするか結構考えて作ったのでそれを公開します。 ※ここでいう設計とは、どうユーザーに動いてもらいたいか、等のコンセプトに近い意味での設計で、システム的なものではありません！ 参考にしたサイトや記事 作るにあたって参考にした記事はこちら 『Stack Overflow』から学ぶ最近のコミュニティ構築術 - IDEA*IDEA すごくよくまとまってます。コミュニティを作る人には絶対よむべき記事ですね・・・。 デザインとかインターフェイスはこのサイトを結構参考にしました。 Kickstarter シンプルで伝えたいことを伝えているなあ、と

基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ