Web制作に役立つ情報一覧

有料フォントの代替になるフリーフォントも見つかる！ブックマークしておきたいフォント関連の便利なサービスのまとめ

2016/09/09(Fri) 10:02

Helveticaに似た商用無料のフリーフォントを見つけることができたり、デザイナーに人気の高いフォントをチェックできたり、見出しや本文のサイズをバランスの良い比率でデザインできたり、OTFとTTFを相互変換・Webフォント変換できたり、フォント関連の便利なサービスを紹介します。

http://coliss.com/articles/build-websites/operation/design/convenient-services-for-fonts.html

Photoshopを使った簡単で素敵なテクニック！螺旋状に伸びる丸い空間を描くチュートリアル -Round Things

2016/09/09(Fri) 10:01

螺旋状に伸びる幻想的な雰囲気の空間。これを描くにはものすごいテクニックが必要でしょ、と思った人は安心してください。Photoshopの標準機能を使うだけで思ってたよりかなり簡単に作成できます。

http://coliss.com/articles/build-websites/operation/design/photoshop-tutorial-round-things.html

はじめようイラストレーター！参考にしたいデザインの作り方チュートリアル28個まとめ

2016/09/08(Thu) 09:58

デザインの現場で Photoshop と並んで人気の高いツールのひとつ、Illustrator 。使いこなすことができれば、プロ顔負けのクリエイティブな作品をデザインできますが、Illustrator をはじめたばかりのときは機能が豊富すぎて、敷居が高く感じてしまうこともあるでしょう。

http://photoshopvip.net/93966

ひと筆書きでデザインされたアウトラインタイプのアイコンセット「Essential free icons」

2016/09/07(Wed) 10:09

覚えておきたいと思ったので備忘録兼ねてご紹介します。「Essential free icons」は（ほぼ）ひと筆書きで描かれたアウトラインタイプのデザインアイコンセットです。全90種類で形式もベクターで配布されているので拡大・縮小・カラー変更なども容易にできます。

http://www.nxworld.net/material/essential-free-icons-by-igor-babariko.html

テキストのカラーが充分に読むことができるか確認するのは実は簡単、コンラストが良いか確認できるWin, Mac対応の無料ツール

2016/09/07(Wed) 10:08

カラーのコントラストが充分か、充分でないかチェックできるオンラインツールはいくつかあります。でもオンラインだと突然利用できなくなったり、ネット環境でないと使えないといったこともあります。

http://coliss.com/articles/build-websites/operation/design/color-contrast-analyser.html

CSS スタイルシート制作を楽にする！知っておきたい便利ツール25選まとめ

2016/09/06(Tue) 09:52

CSS スタイルシートを作成していると、時間ばかりかかる退屈な作業をこなさなければいけない時があります。

http://photoshopvip.net/93882

社内のエピソード、どこまでソーシャルメディアで言っちゃっていいの？

2016/09/06(Tue) 09:51

社内エピソードの投稿では、こちらに悪気がまったくなくても、見る人によって、その内容が非常に不快に感じられることがあるのです！

http://web-tan.forum.impressrd.jp/e/2016/09/06/23695

プロが実践するモダン CSS の書き方入門テクニック20選まとめ

2016/09/05(Mon) 09:59

この記事では、CSSスタイリングで実践したい、便利な20種類のテクニックをご紹介しています。

http://photoshopvip.net/93818

デザインのアクセントにも使える、幾何学図形や数理地理学図形をモチーフにした美しいデザイン素材 8

2016/09/05(Mon) 09:59

幾何学や数理地理学の図形をモチーフに作られたデザイン素材をご紹介します。大胆に配置したりちょっとしたアクセントで使ったりなどいろいろな場面で利用できそうですし、配布形式もベクターなので使いやすいと思います。また、いずれも基本的に個人・商用問わず利用可能な素材となっています。

http://www.nxworld.net/material/beautiful-design-material-with-the-motif-of-geometric-and-mathematical-geography.html

超簡単！Photoshopで写真を今どきのデュオトーンに加工する方法（無料グラデーション収録）

2016/09/05(Mon) 09:58

ウェブサイトやグラフィックデザイン、音楽サービス Spotify などで見かけるようになったデザインのひとつが、鮮やかでシンプルな配色の組み合わせが特長のデュオトーン（英: Duotone）です。

http://photoshopvip.net/93748