Web制作に役立つ情報一覧

自分に、大切な人に言葉の贈り物。誰もが知っている模様にまつわる、あまり知られていない物語 -模様と意味の本

2016/09/12(Mon) 10:04

いつもはWebデザインや制作の解説書の紹介が多いですが、今回は見かけたら手に取りたくなるような素敵な一冊を紹介します。

http://coliss.com/articles/book-review/isbn10-4845915936.html

ウィジェット リンクについて覚えておいて頂きたいこと

2016/09/09(Fri) 10:04

Google では、サイトの PageRank を操作することを目的としたリンクに対して、これまでも厳しい態度で臨んできました。本日は、そのようなリンクに関しての Google のポリシーを改めて確認したいと思います。特に、大量のキーワードを含むリンクや、隠しリンク、低品質のリンクが、ウィジェットに埋め込まれたまま様々なサイトへ配布されているケースについて確認します。

https://webmaster-ja.googleblog.com/2016/09/a-reminder-about-widget-links.html

イラストやアイコン・バナーなどの色の選び方ポイント――色彩とコミュニケーション#2

2016/09/09(Fri) 10:03

イラストやアイコン・バナーなどの後から追加するパーツの、色の選び方について考えてみましょう。

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

数字が美しい書体選びの秘訣とは？すぐに使える Google フォント20個まとめ付

2016/09/09(Fri) 10:03

「数字」にフォーカスを当て、書体の選びかたやデザインの秘訣ガイドラインを学びながら、実際に使えるフリーフォント素材20個をまとめてご紹介します。

http://photoshopvip.net/94020

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

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