さりげなく使える、Webデザインの参考になるサイト集
作成：2016/04/11 更新：2016/06/29 Webデザイン > ありふれた当たり障り無いレイアウトではなくて、ほんの少しでも印象に残るレイアウトを作りたい。デザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 一部にグラデーションを使って視線をフックさせる 複数の色相を組み合わせたグラデーション。オーロラや紅葉など自然界によく見られる配色ですが、ページ全体に入れると少々キツく感じるときがあります。 そんなときは、上図のように色相差のあるグラデーションをワンポイントだけ使うことによって適度に視線をフックさせることができます。 INUPATHY こちらは被写体の気持ちを代弁するかのように、目立たせたい箇所にグラデーションが使われています。目立つけど、色ベタよりもキツイ感じはしません。 株式会社ジェイ・シー・エス
2016年に備えてしっかり確認しておきたい、Webとグラフィックデザインのトレンドと今後の展望
Webデザインやグラフィックデザインのトレンドをしっかり知っておくことは、非常に大切です。廃れゆくものを採用するのではなく、今必要とされているものが何なのか、そしてなぜそれが必要とされているのか理解することで、よりよいものが制作できます。 Webとグラフィックデザインのトレンドとその背景、目的、展望などを紹介します。 16 Graphic Design Trends To Watch In 2016 各項目ごとのグラフィックも分かりやすく、注目です。 01. ユーザーが使いやすいこと 02. レスポンシブデザインの考え方 03. アプリを彷彿させるWebデザイン 04. ナビゲーションの進化 05. モジュール式のテキスト 06. モジュール式と無限スクロール 07. Material Design 08. フラットデザイン 09. 1,000の言葉よりもビジュアルで 10. インフォグラ
ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
VASILYデザイナーチームがデザインインスピレーションを受けたアプリまとめ（2015年2月） | 株式会社VASILY(ヴァシリー)
VASILYデザイナーチームが2月にデザインインスピレーションを受けたアプリをご紹介VASILYでは、より良いアウトプットをするためにもデザインインプットの時間を週1回設けています。画面遷移であったり、ちょっとしたアニメーションなど優れたUIをチームで共有し、実際にiQONのUIやUXという部分に反映しようと日々、試行錯誤しております。 今回はその中で、VASILYデザイナーチームが2月にデザインインスピレーションを受けたアプリをいくつかご紹介したいと思います。 1. Spring Apple Design Award 2014にも選ばれている、NY発の新コマースファッションアプリ。 ユーザ発信のコンテンツをブランドが上手く活用するという手法を取り入れています。 買い物本来の楽しさを味わってもらえるよう、あえてシンプルな構成にしているそうで、全体的に繊細で上品なアプリというイメージを
配色に役立つ11のサイト
WEBデザインを行う上で重要なファクターの一つである配色：カラーリング。ロゴやブランドイメージなどから導きだすケースが多いと思うが、困ってしまうのは明確なイメージがなく、キーカラーが決まらないとか、キーカラーとの組み合わせがイマイチしっくりこないなど、配色で頭を悩ませることは結構あるのではないだろうか。 そこで今回は、そういう時に役立ちそうな10サイトを紹介したい。各サイト共に試してみたが、思わぬ組み合わせや自分では積極的に使わない色や自分の好き嫌いを再確認できて結構面白い。こういったサイトを活用して効率化を図ったり、新境地を開いてみてはいかがでしょうか。
デザインのアイディアソースに！注目すべきTumblrアカウントまとめ | nanapi [ナナピ]
はじめに アウトプットの場としてもインプットの場としても活躍する、マイクロブログサービス・Tumblr（タンブラー）。その手軽さに利用している方も多いですよね。ここでは、そんなTumblrをより有効に楽しむべく「とりあえずフォローしておきたい！クリエイティブなTumblrアカウント」をまとめました。 グラフィック、ロゴ、イラストにプロダクトデザインまで。アイディアのヒントになること間違いなしの独創的なアカウントばかり。ちょっとお洒落な気分になりたい時の目の保養にもピッタリですよ。是非参考にしてみてください。 ロゴ・プロダクトデザインがメイン！クリエイティブなTumblr5選 ロゴやプロダクトデザイン、パッケージのアイディアなど。「ブランディング」にまつわる情報が詰まったTumblr上のブログをご紹介。「モノのデザイン」についてのヒントの数々、是非参考にしてみてください。 Consider
![デザインのアイディアソースに！注目すべきTumblrアカウントまとめ | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/640351a47094ee597bc0e979b76f84de32da5731/height=288;version=1;width=512/http%3A%2F%2Fp.cdnanapi.com%2Fe%2F25.media.tumblr.com%2Favatar_fa0b22b9de04_128.png%3Fsize%3D195){kind=avatar}
デザインに立体表現を取り入れるときのセオリー×6 | ベイジの社長ブログ
iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー１：現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか？ 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」（＝影）の基本ルールです。
フラットの後にじわじわきてるデザインのトレンド -long shadow design
フラットが最初にきた時ほど大きな波ではないと思いますが、単調なフラットなデザインのアクセントにつかえそうなじわじわきてる新しいデザイントレンド「long shadow design」を紹介します。 long shadow design 「long shadow design」は文字通り「長いシャドウを使ったデザイン」で、フラットなスタイルに奥行きを与えることができます。 dribbbleなどのアイコン作品でも最近よく見かけますね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
PCサイトのUIデザインにおける12のトレンド
2014年のロゴデザインのトレンド -2014 Logo Trend Report
ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス
株式会社ガイアックスの公式サイト › ガイアックスオフィシャルサイト
ロゴを作る時に知っておきたい11の基本ルール
ウェブ制作者のためにメンテナンスと拡張に重点をおいたフロントエンド用の軽量フレームワーク -UIkit