Webデザイン

Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ

2014/07/03(Thu) 11:38

2014年上半期、チェックしておきたいUIデザインをDribbbleから紹介します。

http://coliss.com/articles/build-websites/operation/design/showcase-ui-design-first-half-of-2014-by-dribble.html

SVGアイコンを実用するために知っておきたい、リンク周りの記述方法

2014/07/01(Tue) 12:00

以前書いた「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」という記事でSVGの基本や効率よく使用する方法を紹介

http://www.webcreatorbox.com/tech/svg-icon-link/

【2014年版】リスティング担当者から見た、イケてるランディングページ10選

2014/07/01(Tue) 11:56

以前「リスティング担当者から見た、イケてるランディングページ10選」という記事を書かせていただきました

http://liginc.co.jp/web/matome-web/93592

デザイナーの参考に、世界のGoogleマップデザインを20個集めてみました。

2014/06/27(Fri) 11:11

今回は、クリエイティブなイケてるマップデザインを紹介させていただきます。

http://liginc.co.jp/web/service/google/98165

Webディレクター・デザイナー必見！ワイヤーフレームや最近のUIを解説した -ワイヤフレームガイド

2014/06/25(Wed) 11:59

ワイヤーフレームの作り方や実例、最近のUIデザインパターンを解説した無料のeBookを紹介します。

http://coliss.com/articles/build-websites/operation/work/guide-to-wireframing-by-uxpin.html

2014年、進化しているWebデザインのトレンドを実際に効果的に使用しているサイトともにチェックできる無料のE-Book

2014/06/19(Thu) 12:08

Webデザインの現在のトレンドの多くは2013年頃から浸透しはじめ、さまざまな形に進化し続けています。

http://coliss.com/articles/build-websites/operation/design/2014-web-design-trends-book.html

デザインのレベルを上げる！レイアウトやタイポグラフィに関するまとめ

2014/06/17(Tue) 12:15

Web関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。

http://commte.net/blog/archives/4547

サイト制作時のデザインやコードの「ぶれ」をなくすスタイルガイドを作成するためのテンプレート -Style Guide Boilerplate

2014/06/03(Tue) 10:57

ウェブサイトの制作時で大切なことの一つは、デザインやコードの「ぶれ」をなくすこと。

http://coliss.com/articles/build-websites/operation/work/style-guide-boilerplate-bootstrap-edition.html

jpg、pngなどの画像サイズをほとんど劣化させずに圧縮するサービス色々

2014/06/02(Mon) 12:23

サイトの表示は速ければ速いほどいい。特に今はレスポンシブ対応のサイトもふえ、スマホからのアクセスと、PCからのアクセスで、同じ画像を表示させること

http://flipsblog.jp/archives/1030

無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」

2014/05/29(Thu) 12:46

アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。

http://gigazine.net/news/20140527-compressor/