Web制作に役立つ情報一覧

デザインの名著に学ぶ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

商用可！CC0の無料写真を一括検索できるお役立ちサイト FreePhotos CC

2017/03/17(Fri) 10:17

デザイン制作や案件にぴったりな高品質な無料写真素材を見つけるのは、大変な作業です。今では大量のフォトストックサイトがあり、やっとお気に入りを見つけてもライセンス規約の問題があるなんてことも。

http://photoshopvip.net/99620

商用利用無料！桜や桜の花びらのイラスト、背景に使えるパターンなど、桜が満開のフリー素材のまとめ

2017/03/17(Fri) 10:17

春の訪れとともに、多くの人が楽しみにしているのが桜。開花宣言の前に一足早く、春が感じられる桜のイラストやパターン素材を紹介します。

http://coliss.com/articles/freebies/freebies-cherry-blossoms.html

最近気になった素敵なデザインフォント − March 2017

2017/03/17(Fri) 10:16

最近ダウンロードさせてもらったり個人的にいいなと思ったデザインフォントの備忘録です。いずれも欧文フォントになりますが、個人利用だけでなく商用利用も可能なものが多いです。

http://www.nxworld.net/material/nice-design-font-201703.html

Photoshopでまずダウンロードしておきたい無料ブラシ素材50個セットまとめ

2017/03/16(Thu) 09:52

鉛筆やチョークで描いたような風合いから、水彩ペイントの淡い色合いやレトロなグランジ感など、さまざまな質感を表現できる Photoshop ブラシ素材セット。

http://photoshopvip.net/99556

[CSS]これなら簡単！レスポンシブ対応、アスペクト比を維持したまま画像や要素を実装する -RatioBuddy

2017/03/16(Thu) 09:51

デスクトップやスマホなど、異なるスクリーンのサイズでも、黄金比や白銀比などのアスペクト比を維持したまま画像や要素を実装するスタイルシートを生成する便利なオンラインツールを紹介します。

http://coliss.com/articles/build-websites/operation/css/calculating-aspect-ratios-ratiobuddy.html

1クリックでSVGのデバッグが可能！SVGのパスをアウトラインに変換、アンカーやポイントやハンドルを表示 -xvg

2017/03/15(Wed) 09:46

Webページで使用しているSVGのパスをアウトラインに変換し、アンカー、コントロールポイント、ハンドルを表示してデバッグができるChromeの拡張機能「xvg」を紹介します。

http://coliss.com/articles/build-websites/operation/work/debug-svg-path-xvg.html