PAGETOP

WEBデザイン, WEBデザイン参考, サイト紹介, デザインのテクニック

ホームページの色合いが人に与える印象

ホームページをデザインする際に、最初にすることはメインカラー選びです。同じデザインでも、色が違えば全く違う印象を与えるほど色の力は大きいもの。ターゲットユーザーに好感触を持ってもらうためには、商品や ...

WEBデザイン参考

HTML5やCSS3が発展を続けている今、Webデザインやアニメーションはますますダイナミックに進化しています。その変化を感じられる要素の一つがナビゲーションメニュー。もはやインデックスとしての役割でなく、サイトのテーマやデザイン全体に関わ ...

WEBデザイン参考

一定の型にはまりがちなWebデザインの中で、深い印象を与えることができるのが、手作りの感触がただようイラスト。あたたかい雰囲気を醸し出し、親近感や信頼感が増します。今回は、メニューや背景など、メインとなるパーツに"Webらしくない”イラスト ...

WEBデザイン参考, 便利なサイトの紹介

HTML5とCSS3を駆使して設計されたサイトが増えてきました。ユーザーの端末に柔軟に対応し、素早いレスポンスと美しいデザインから、最高のユーザーエクスペリエンスを提供しています。今回は2015年のWebトレンドを感じさせてくれるサイトをご ...

WEBデザイン参考

ユーザーを惹き付けるストーリーテリング型のウェブデザイン

2015年に流行すると注目されているWebデザインの中に、「ストーリーテリング型」というものがあります。縦長の1ページの中で、スクロールで進むごとに様々なエフェクトを交えてストー ...

CSSについて, WEBデザイン参考

CSS3でサクッと実装!かっこいいナビメニュー「Fixed Nav Hover Effect」

CodePenにCSSのみで実装できる、ホバーエフェクトがかっこいいナビメニューが紹介されていました。マウスを置くと左からカーテンを引くよう ...

WEBデザイン参考

デザイナー必見!参考にしたいデザイン満載の記事7選

Webデザインに限らず、デザイナーなら他の人の優れたデザインには興味がありますし、そこから大いに刺激を受けていることと思います。
そこで今回は、様々な媒体で表現された優れたデザ ...

WEBデザイン参考, 便利なサイトの紹介

定番からトレンドまで!無料で使えるパターン素材が満載のサイト8選

背景やボタン、バナーなどに何かと入れたいパターン素材。今回は、シンプルで使いやすいものから、個性的なもの、流行を取り入れた新しいデザインまで、無料で使えるパターンをご紹介 ...

WEBデザイン参考

眺めるだけで参考になる!デザインに煮詰まった時のお役立ちサイト8選

WEBデザイン業務で煮詰まった時に大切なのは、他人のつくったデザインに触れること。新しい視点を与えてくれ、思いもよらないアイデアが浮かぶこともあります。
今回は ...

WEBデザイン参考, 便利なサイトの紹介

GPL?MIT?CC?最低限覚えておくべきWEB素材ライセンスの意味

インターネット上には、無料で使えるWeb用素材やソフトウェア、スクリプト等が出回っていますが、これらを使うにあたって注意しなければいけないのが「ライセンス」です。無料 ...

WEBデザイン参考, 便利なサイトの紹介

【デザイン】パララックス効果がさらに進化!思わず魅入ってしまうサイト8選

パララックス効果は、2012年頃から取り入れられ始めた視差効果。スクロールした際に、各部が異なるスピードで動くことにより、画面に奥行き感を演出するものです。一時期 ...

CSSについて, WEBデザイン参考, 便利なサイトの紹介

【CSS3】CSS3ベースの美しすぎるナビゲーションメニュー8選

アニメーションや3D効果など、CSS3の進化が止まりません。今回は、美しい質感や動きを実現した、ナビゲーションメニューをご紹介します。

1.A Little Men ...

WEBデザイン, WEBデザイン参考, 便利なサイトの紹介

【デザイン】配色に困ったら迷わずコレを使おう!便利ツール2つ

困った時に使える配色ツールはたくさんありますが、ソフトを起動することなく、すぐに使えるとなおさらうれしいですね。今回は、ブラウザ上で手軽に使える、直感的で便利なツールを2つご ...

WEBデザイン, WEBデザイン参考

【デザイン】ウェブデザイナーは余白マスターになるべき。余白の持つ演出力を考える

余白は、要素と要素の間に区切りを入れ、ページに構造を作り出します。それだけではなく、余白のあり方によってページ全体の印象をがらりと変えてしまうほどの力を持っ ...