Webデザイン

無料で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

“良いWebサイト”ってどんなサイト？ 良いサイトをつくるために必ず定めるべき3つの要素

2014/05/16(Fri) 11:46

「良いWebサイトの例を教えてください」「どんなサイトが良いWebサイトなのですか?」……仕事柄、こんなことを、たまに聞かれます。今日は、「良いWebサイトとは何か」「良いWebサイトを作るためには何が必要か」の原則を解説します。

http://web-tan.forum.impressrd.jp/e/2014/05/13/17470

新規顧客を逃さないECサイトデザイン

2014/05/15(Thu) 11:19

ECサイトの構造はとっても複雑。ユーザーは好みの商品を検索し、その中から実際に購入するものを比較・検討・選択、さらにフォームに入力するというプロセスを経て、ようやく購入完了となります。

http://www.webcreatorbox.com/tech/ecsite-new-user/