Webデザイン

サイト制作時のデザインやコードの「ぶれ」をなくすスタイルガイドを作成するためのテンプレート -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/

アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう

2014/05/29(Thu) 12:49

ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーで

http://www.webcreatorbox.com/tech/svg-vector/

スクロールやクリックした際に、おおっ！と思わせるクリエイティブな7つのエフェクトがかっこいいっ！

2014/05/28(Wed) 11:51

ユーザーがページを表示し、スクロールやボタンをクリックした際に、おおっ！と思わせるクリエイティブなエフェクトを7つ紹介します。

http://coliss.com/articles/build-websites/operation/work/inspiration-for-article-intro-effects-by-codrops.html

ユーザーシナリオから考える、ユーザー視点に立ったWebデザインの作り方 dairy

2014/05/27(Tue) 11:52

本ブログのリニューアルの背景を事例に、ユーザー視点に立ったWebデザインのフローを紹介しようと思います。

http://catcher-in-the-tech.net/841/

黄金律を使ってデザイン性の高いウェブサイトを作る方法

2014/05/27(Tue) 11:49

美しいウェブサイトを作ることは単純にユーザーの気分をよくするだけではなく、パフォーマンスを上げると言われています。ウェブサイトのデザイン性を上げるには使用するフォントも大切ですが、

http://gigazine.net/news/20140525-golden-ratio-and-typography/

【デザインまとめ】綺麗なデザインの管理画面 40種類

2014/05/21(Wed) 11:51

今日は管理画面のデザインを、まとめてみました。いつもより多めな40種類です。トレンドを反映してか、フラットデザインが多いですね。

http://blog.8bit.co.jp/?p=10607

デザインの幅が広がる！ストックしておきたいセンス溢れるパターンのまとめ

2014/05/20(Tue) 12:03

デザイナーが成長するには、いいものをたくさん見ること。目を肥やすクリエイティブなパターンを使ったアートワークをdribbbleから、たくさん紹介します。

http://coliss.com/articles/build-websites/operation/design/awesome-artworks-used-pattern-by-dribbble.html

ウェブサイトのリニューアル時にチーム全員、クライアントとも確認しておきたい4つの大切なポイント

2014/05/16(Fri) 11:47

他のサイトがしてるからフラットにしたり、スクロール前提の長いページを使ってみたり、トレンドは確かにかっこよく魅力的に見えるかもしれません、しかし本当にそれが自分のサイトに適しているのか検討することが非常に大切です。

http://coliss.com/articles/build-websites/operation/work/tips-for-redesigning-a-website-by-onextrapixel.html