Web制作に役立つ情報一覧

マイクロインタラクションでユーザーを夢中にさせる方法

2017/03/30(Thu) 09:51

現代のビジネスで生き残るためには、ユーザーと常に良好な関係を維持しなければなりません。その最善の手段は、ユーザーを夢中にさせ、記憶に残る貴重な体験を作り出すことです。

http://uxmilk.jp/63041

CSS Grid Layoutを使う前に知っておきたい、floatやflexboxなど既存の実装にどのような影響を与えるか

2017/03/29(Wed) 09:58

floatやflexbox、vertical-alignやinline-blockなど、Webページでよく使用するレイアウトの実装に、CSS Grid Layoutがどのような影響を与えるかについて紹介します。

http://coliss.com/articles/build-websites/operation/css/css-grid-layout-fallbacks.html

長く愛用できるロゴデザインを作成する、参考にしたいポイント9個まとめ

2017/03/28(Tue) 10:10

長く愛用できる、ビジネスに最適なロゴデザインを作成するための9つのシンプルなポイントをまとめてご紹介しています。

http://photoshopvip.net/99904

[CSS]デスクトップ・スマホ対応、浮かんだり光ったりアニメーションするボタンを簡単に実装できるスタイルシート

2017/03/28(Tue) 10:09

外部ファイルを一つ加えるだけで、さまざまなボタンを簡単に実装できるスタイルシートを紹介します。鋭角や角丸の矩形、楕円形、ハンバーガーメニューに使われる円形、グラデーションやフラット、ゼリーみたいなボタンもあります。

http://coliss.com/articles/build-websites/operation/css/css-button-library-bttncss.html

[CSS]文字の半分で異なるカラーを指定するCSSのテクニック -こういうのを思いついた時って絶対楽しい！

2017/03/27(Mon) 09:47

文字の半分で異なるカラー、ブラックとホワイトにするCSSのテクニックを紹介します。もちろん、他のカラーでも利用でき、レスポンシブにも完全対応しています。

http://coliss.com/articles/build-websites/operation/css/vertical-split-layout-text-effect.html

ユーザーを惹きつけろ！魅力的なヒーローヘッダー作成の黄金ルール10個まとめ

2017/03/24(Fri) 09:49

ユーザーがあなたのホームページにたどり着いたとき、ページを開くまでに少しだけ時間があり、あなたが何をしているのか伝え、もっとページを見てもらえるように工夫することができます。

http://photoshopvip.net/99854

デザインの名著に学ぶUIデザインに関する10のルール

2017/03/23(Thu) 09:45

Ben Shneiderman氏の『Designing the User Interface』とJakob Nielsen氏の『Ten Usability Heuristics』の著書に基づく、インタラクションデザインに関する10個の原則というものがあります。

http://uxmilk.jp/60575

不自然な美肌アプリとはさようなら！Photoshopで立体的な美肌を1クリックで作り出す最強の無料アクション

2017/03/22(Wed) 09:50

人物の写真を美肌にする際に、最も大切なのはナチュラルに美しくすることです。皮膚をぼんやりさせることで美しく見えるかもしれませんが、ナチュラルとは全く異なる、平面的で違和感のある見た目に仕上がってしまいます。

http://coliss.com/articles/build-websites/operation/design/realistic-photoshop-skin-smoothing.html

手書き風デザインに使えるベクター素材 8

2017/03/21(Tue) 09:49

手書き風のデザインをする際に使えるフリーベクター素材を全8セット紹介します。いずれも複数のアイテムがまとめられているセットになっており、多いものでは100種類以上と詰まっているものもあります。

http://www.nxworld.net/material/8-free-hand-drawing-vector.html

アイコンのデザインって奥深い！最近のアイコンに使われている、シンプルなすごいデザインテクニック

2017/03/21(Tue) 09:48

アイコンは、非常に奥深いデザインです。サイトやアプリのさまざまなアクションを示すためのビジュアルキューであり、プロダクトやサービスに固有のアイデンティティーを与えることができます。

http://coliss.com/articles/build-websites/operation/design/how-to-quickly-turn-boring-icons.html