Webデザイン

クリエイティブなファビコンを設置しよう

2015/04/24(Fri) 08:07

Webサイトの制作時に、特に初心者さんが忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！

http://www.webcreatorbox.com/tech/favicon/

スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr

2015/04/21(Tue) 07:50

iPhone 4, 5, 6, 6+をはじめ、Android各機種のスマホ、iPad, Surface, Kindleなどのタブレットのさまざまなスクリーンサイズをエミュレートし、それぞれのサイズでWebページがどのように表示されるかチェックができるオンラインツールを紹介します。

http://coliss.com/articles/build-websites/operation/work/online-tool-resizr.html

ヘッダ、フッタ、ナビゲーション、見出しなど、Webサイトでよく使うパーツのデザインを集めたギャラリーサイトのまとめ

2015/04/15(Wed) 07:59

ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。

http://coliss.com/articles/build-websites/operation/design/elements-of-web-design-2015.html

マテリアルデザインを採用した、はじめてのリニューアル要点まとめ -feedly導入編-

2015/04/13(Mon) 08:05

数週間前、Google本社で開催されたワークショップに出席し、新しいスタイルガイドに沿ってfeedlyアプリをリニューアル制作するとどのようになるか考えたあと、マテリアルデザインをつかったリニューアルのポイントをまとめた記事を公開しました。

http://photoshopvip.net/archives/75358

Googleマテリアルデザインとフラットデザインって結局何が違うの？[UI/UX]

2015/04/13(Mon) 08:04

マテリアルデザインのサイトのまとめをみていると「あれ？これフラットデザインじゃないの？」ということがよくあると思います。ややこしい気もしますが「考え方が違う」という部分からなら理解しやすいと思います。

http://matome.naver.jp/odai/2142379522980270301

ECサイトのレイアウトを見直して売上をアップさせる8つのノウハウ

2015/04/10(Fri) 07:54

今回は、少しでも簡単にサイトの課題箇所を改善できるよう、ページ別に改善のコツをまとめました。まずはサイトの中でもとくに問題があると思われるところから着手して、少しずつ確実に売り上げの上がるサイトへと改善していきましょう！

http://liginc.co.jp/web/useful/153640

今どきのウェブデザインを実現！参考にしたい無料UIコンポーネント素材をまとめ

2015/04/09(Thu) 08:01

今回は、機能性と高いデザイン性が魅力的な、無料UIコンポーネント素材をまとめてご紹介します。素材はどれもPhotoshopで編集することができ、これからのデザイン制作やプロジェクト案件の参考にしたい、デザイントレンドを盛り込んだフリー素材が中心に揃っています。

http://photoshopvip.net/archives/75260

UIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアル

2015/04/08(Wed) 07:55

ボタンやパネル、レイアウトなど、最近はWebのユーザインターフェイスでさまざまなアニメーションが利用されています。WebページのUIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアルを紹介します。

http://coliss.com/articles/build-websites/operation/work/giving-animations-life-by-tictail.html

Webサイトのガイドライン6つの事例集＋品質チェックマニュアル&チェックシート

2015/04/03(Fri) 07:56

適切なガイドラインを持つと、ユーザーが使いやすく、運用しやすく、成果の上がりやすい状態を保てます

http://web-tan.forum.impressrd.jp/e/2015/04/03/19387

Web制作に役立つ便利すぎるブックマークレットのまとめ

2015/04/03(Fri) 07:55

Webサイトの制作に役立つ便利なブックマークレットを紹介します。ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。

http://coliss.com/articles/build-websites/operation/work/bookmarklet-for-web-development.html