さりげなく使える、Webデザインの参考になるサイト集
作成：2016/04/11 更新：2016/06/29 Webデザイン > ありふれた当たり障り無いレイアウトではなくて、ほんの少しでも印象に残るレイアウトを作りたい。デザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 一部にグラデーションを使って視線をフックさせる 複数の色相を組み合わせたグラデーション。オーロラや紅葉など自然界によく見られる配色ですが、ページ全体に入れると少々キツく感じるときがあります。 そんなときは、上図のように色相差のあるグラデーションをワンポイントだけ使うことによって適度に視線をフックさせることができます。 INUPATHY こちらは被写体の気持ちを代弁するかのように、目立たせたい箇所にグラデーションが使われています。目立つけど、色ベタよりもキツイ感じはしません。 株式会社ジェイ・シー・エス
UIデザインのアイデアを探す時にチェックしたいサイトのまとめ
Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。 さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見ているだけでワクワクするクリエイティブな刺激をもらえます。
Webデザイナー必見、実務で役立つ逆引きレイアウト集
作成：2015/07/21 更新：2016/06/29 Webデザイン > オシャレなレイアウトやユーザーが使いやすい配置を実現するには、どのようなことに気をつければよいのか。クライアントの要望に合わせてアイデアを出したいとき、レイアウトで困った時に読んでおきたいメモ。イメージが湧きやすいように、国産サイトを多めにピックアップしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．視線を停止させたい ２．上質さを出したい ３．静寂さを出したい ４．親しみやすさ を出したい ５．文字の存在感を出したい ６．メリハリを出したい ７．先進的な演出をしたい ８．広がりを出したい ９．メッセージを目立たせい １０．要素を上手に対比させたい １１．ラインをオシャレに使いたい １２．躍動感を出したい １３．ハッキリ見せたい １４．シンボル・ロゴを目立つ位置に配置した
デザインがしっくりこないときに試すこと10選【新米デザイナー向け】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナー兼踊り手のJona（＠jona_yawaraka）です。わたしはLIGブログに掲載されるアイキャッチ（ブログ記事の顔になる画像）、バナー、背景ジャック（大型バナー）など、さまざまな画像を製作してきました。 画像をつくって客観視したとき、「ある程度まとまってはいるんだけどなんだかしっくりこない。でも何が悪いかわからない……」ということありますよね。 わからないときはとにかく手を動かして、いろいろと試してみるとうまくいったりするもの。ということでデザインがしっくりこないときにとりあえず試したい10の簡単な方法を、私の経験を踏まえながら紹介いたします。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情
ガッツリ改善した！ECサイトの売上がアップするLPO／EFO／広告／PLAなどまとめ
作成：2013/09/17 更新：2014/11/01 SEO対策 > 先月、クライアントさんに「PVとかどうでもいいから、成約数を増やしてくれ」とお願いされました。もちろん予算は先月と同じです。競合調査、リマーケティングやLPOの改善で、クリック率1.2%→3.8%、コンバージョン150%にアップ。来月も参考にしたいので、今回は「成約率を上げる」為に参考にしたサイトを中心にまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 最適化のコツ １．EFO／エントリーフォーム最適化 ２．MEO／googleマップで上位表示 ３．PLA／商品リスト広告 ４．LPO／ランディングページ最適化 クリック率の上げ方 ５．広告原稿のクリック率を上げる ６．クリックされるボタンの色 キャッチコピーの作り方 ７．広告の書き方 成果を上げるレイアウト ８．料金プランの見
インスピレーションを刺激する！世界のWebデザインアワード厳選5サイト | 東京上野のWeb制作会社LIG
こんにちは。アートディレクターの長岡です。 最近は、毎朝娘を保育園へ送ってから出社しています。 子育てにも優しい会社、それがLIGです！！ イクメンぶりをアピールしたところで、本題に入りたいと思います。 Webデザイナーならば、賞を取ってみたいと考えたことが一度はありますよね。今回は、そんなWebデザインのインスピレーションを刺激してくれる優れたWebデザインアワードサイトを厳選して5つご紹介します。 世界のアワード Awwwards https://www.awwwards.com/ 言わずもがなでずが、世界でもっとも有名なWebデザインアワードです。 デザインや動きのインスピレーションを刺激したい方はこちらがオススメです！ サイトに登録すれば、下記の項目に簡単に投票できます。 デザイン クリエイティビティ ユーザビリティ コンテンツ FWA http://www.favouritewe
ミニマルデザインサイトのインスピレーション30「30 Beautiful Minimalist Web Designs」
TOP > WebDesign > ミニマルデザインサイトのインスピレーション30「30 Beautiful Minimalist Web Designs」 究極なシンプルをテーマにデザインされるミニマルデザインサイト。要素が限られるだけに、バランスやどんな要素やグラフィックを取り入れるのかがとても重要になってくる、ある意味難しい種類のデザインでもあります。今回はそんなミニマルサイトをデザインする際に是非参考にしたいインスピレーション30「30 Beautiful Minimalist Web Designs」を紹介したいと思います。 （Alistair Lane） シンプルかつクオリティの高さを感じさせるデザイン事例30種がまとめられています。 詳しくは以下 ■Enso イラストと蛍光カラーのタイポグラフィの組合わせが、シンプルな中にも個性を感じさせるデザインとなっています。 ■
Webデザイン制作で参考になるサイトリンク集15個+2個 - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
Webデザイン制作で参考になるサイトリンク集15個+2個 Webデザイン制作で参考になるサイトリンク集15個と、ランディングページ、ロゴの参考サイトを集めてみました。 ご存知のものも多数あるかと思いますが、HTML5やレスポンシブサイトを集めたものもありますので、カッコイイ、オシャレなサイトを作る参考にしてみてはいかがでしょうか。 WEBデザインのリンク いけてるサイトドットコム ウェブデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWEBデザイナーのためのWEBデザインのリンク集。 http://www.ikesai.com/ デザイケ -Design Iketeru- イケてるサイト、カッコイイ、オシャレなサイトなどを紹介するWebデザインのリンク集です。 http://design-iketeru.azu-mi.com/ Good De
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flipsblog.jp
Webデザインの引き出しを増そう！細部までこだわったUIデザインが参考になるDribbbleアートワークのまとめ
ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ