そのデザインには理由がある！デザインの原則をWebデザインにどのように取り入れるのかのチュートリアル
デザインの原則をWebデザインにどのように取り入れるのか、それを言葉に表すのはなかなか難しいことです。デザインの原則を理解して手を動かす、またクライアントにデザインの説明を行うといったこともあるでしょう。 デザインにはなぜそうなるのかという理由があります。 実際のWebページのデザインを元に、デザインで大切な原則とそれらをWebデザインにどのように取り入れるのかを紹介します。 7 Undeniable Design Principles You Can't Ignore 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 photoshopvip.netというブログにも同記事の翻訳がありますが、あちらは無断翻訳・画像の使用も無断であると、元記事の作者から連絡を受けています。 使用するデザイン 1. Hierarchy -階層 2. Rep
Material Designの目指すところとAndroid側の変更点 - クックパッド開発者ブログ
モバイルファースト室の @rejasupotaro です。 今年のGoogle I/OではAndroid One、Android L、Material Design、Android Ware、Android Auto、Android TV、Google Cloud Platform、Google Fitなどの発表がありました。弊社からは私と @sys1yagi と @__gfx__ が参加したので、何回かに分けてGoogle I/Oの発表の内容を紹介します。 今回のテーマはMaterial Designです。内容は公式ドキュメントやセッション動画の要約や参考リンクからの引用を含みますが、筆者の考察や主観も含まれます。 Material Designとは Material Designとは、Googleが発表したビジュアル、モーション、インタラクションのプラットフォームやデバイス間の包括的な
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
自分がロゴデザインをするときに意識していること
友人であるフリーエンジニアの原さんが、ある日クラウドソーシングのランサーズでこんな依頼を出していました。 Web制作個人事業主のWebサイトロゴの依頼/外注/仕事 | クラウドソーシング「ランサーズ」 ランサーズでロゴを募集してみたの雑記- I.I.S ブログ 原さんには日頃いろいろ仕事を振ってもらったり一緒に野球を見に行ったりと、公私ともに大変お世話になっております。 コンペ形式というのもあり、賑やかしの足しにでもなればと自分もひとつデザイン案を作ってみることにしました。 せっかくですので、これをネタに自分なりのロゴデザインの手順、ポイントをまとめてみます。 1: クライアントの希望を確認 クライアントがロゴにどういうイメージを持たせたいのかを念入りにヒアリングします（当たり前ですけど）。 ロゴは、その会社・サービスの指針を表すものであると同時に、それが使われる全ての媒体（ウェブサイト、
新人デザイナーにオススメ！デザインの要素と原則への理解をアニメで深める動画 -Elements of Design
デザインのさまざまな要素と原則を非常にセンスのいいアニメーションでまとめたショートフィルム「Elements of Design」を紹介します。 「Elements of Design」は50秒ほどの動画で、テンポのいいアニメーションでデザインの要素と原則がまとめられています。 アニメーションが気持ちいいので、あっという間に見終わってしまいます。 Elements of Design 線（Line）から面（Plane）へ、 リズム（Rhythm）を生み出し、バランス（Balance）とスケール（Scale）を調整し、 テクスチャ（Texture）、フレーミング（Flaming）、グリッド（Grid）、カラー（Colour）など、デザインに大切なさまざまな要素と原則がまとめられています。
未来をつくるサービスのブランディング術
コミュニティサービスLobiのリードデザイナーを担当しているshiihoです。 2013年5月にナカマップからLobiへとサービス名称を変更しました。 今回はその変更時に行ったリブランディングの手法を公開しようと思います。 (本記事で公開されてるリサーチ画像は2013年5月以前に制作されたものです。) Lobiとは？ 「ロビー」。 それは、ゲーム用語でプレイの前に "みんなが待ち合わせする場所"のこと。 ゲームをテーマにチャットなどを使用してユーザーが交流できるサービスです。 Lobiは、このキーワードをテーマにブランディングを行いました。 テーマカラーの変更 サービスのスケールアップを考えた時に 他にはないカラーリングを目指しました。 それを確立することで強いブランドを作る事ができます。 まず市場のリサーチ こちらは、2012年10月19日金曜日の21時ころのApp Storeのランキン
デザインはエンジニアリングだ−−THE GUILD深津氏が語る「デザインを考えるために必要なメソッドとプロトタイピング」 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
アプリ開発のために、UIやUXといったデザインを考えなければいけない。そのためには、正しいメソッドをもとにデザインすることが求められる。THE GUILDの深津貴之氏は、QuadCameraやミニチュア風写真が撮れるTiltShiftGenの作者で、iPhoneアプリを中心としたUIデザイナーだ。 同氏がMOVIDA SCHOOLで語った「デザインを考えるために必要なメソッドとプロトタイピング」についてまとめた。 デザインの本質は「設計」 デザインは、表面的なものをキレイにすることではない。デザインの語源は「設計」であり、ものを整理したり整頓したりすることだ。目的を提案したり課題を解決したりすることが大きな方向性といえる。そのための手段として、ユーザ体験を考えるUXデザインや操作性としてのUIデザイン、情報をわかりやすく伝えるための情報デザインなどがある。 デザインは、センスではなくエンジ
30+ Creative Square Patterns To Inspire You | Tripwire Magazine
30+ Creative Square Patterns To Inspire You by alexnaz | Last updated Jul 14, 2017 | Design | 0 comments As a geometric shape, a square is an endless encounter in our everyday life. The shape is easy to recognize and understand since there’s plenty of things at home that are similar in shape. And the square shape is also one of the basic elements of design. With this collection of creative square
30 of The Best Alternatives to Helvetica
Helvetica is a tried and true typeface. It’s a testament to Swiss design culture, with its clarity, flexibility and outright perfection. This famous typeface is loved for countless reasons, including its ability to take on any feeling, emotion or imagery, which it can do simply because it has no personality of its own. Helvetica deserves our utmost respect, but there’s a problem with Helvetica tha
色選びで迷った時に！配色のインスピレーションを得られるツールまとめ6つ | Goodpatch Blog
MEMOPATCHをご覧になっている方のほとんどがWebデザインやUIデザインに関わっている方だと思います。そして多くのデザイナーが頭を悩まされるのが配色ではないでしょうか？。そこで今回は配色の参考やインスピレーションを得られるツールを6つご紹介します！ COLRD http://colrd.com/ 大まかな色から、その色が使われている写真やカラーパレット、グラデーション、パターンを探す事ができるサイトです。カラーパレット、グラデーション、パターンにはそれぞれに使える便利な機能があるのでご紹介します。 ・カラーパレット 検索して出てきたカラーパレットは編集可能で、Photoshop用にカラーパレットをダウンロードできる（.acoファイル) ・グラデーション 検索して出てきたグラデーションはcssのコードを生成することができる ・パターン パターンはそのまま使えるパターン素材（繰り返し可能
配色に悩んだときに使える最近の便利なWebサービス
Colllor任意の色を指定すると、トーン表や同... / 配色の見本帳色をクリックすると、どんどん新しい色... / iWantHue簡単操作のカラーパレットジェネレ...他...全8件
スタートアップ企業がロゴをデザインする前に考えるべき7つのこと - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ スタートアップブームが続く日本ですが、ロゴデザインの需要もそれと同時に高まってきているのか、最近はクラウドソーシングを使った格安のロゴデザインサービスも登場して人気を博しているようです。もちろん安ければ良いというわけではないですし、デザイナーに任せずに事業者側はきっちりとコンセプトやベースのイメージを考えておくことも重要。今回は、スタートアップがロゴデザインする際に気をつけるべきことを、的確にまとめてくれたThe Next Webの記事を紹介します。 — SEO Japan あなたが一流のデザイン会社と一緒に取り組んでいようと、CS5の埃っぽいコピーを使って一人でそれをやっていようと、ロゴの作成
LIGデザイナーが厳選！使えるフリーのピクトグラム（ピクトグラフ）まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
（編集部注：2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。） こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり？最近何かとピクトグラムアイコンを探す機会が増えました。（余裕があれば自作モノも増やしたいところですが！） でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう？？とアンケートをとってみたところ……今まで知らなかったところが結構出てきました！ メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ！ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選！使えるフリーのピクトグラムまとめ Endless
全て商用利用無料！すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ
全て商用利用無料！すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
New For Designers in July 2014
新着記事
http://webdesignmatome.com/webdesign/get-inspiration
http://www.uiplayground.in/css3-icons/
ushigyunet｜iPhoneからゲームやグルメまで、ひたすら詳しくレビューするブログ
ウェブのレイアウトやUIデザインの参考になるPinterestのボードのまとめ