Nutspress

Web 制作に役立つリソースとツール

Web制作に役に立つ内容は国内外を問わず、かなり膨大な量の情報が公開されています。どれもこれも一見の価値ありです。今まで知らなかったことや、違った解釈などスキル磨きに大いに役立ちますよ。

まとめ方が余りに雑多で読みづらいかもしれませんが、一応自分用の覚え書きということで…

Design

フォームをデザインしよう
グランジデザイン入門 素材集
ウェブデザインのレイアウトに役立つ１１サイト
Tableのデザインまとめ
手書き風ウェブデザインまとめ
ショッピングサイトをデザインする際に使えるサイトまとめ
31 Practical (Web) Interface Design Tutorials
60 Layout design tutorials
10 Simple and Impressive Design Techniques
6 Things To Include for a User Friendly Footer
Essential Tips for Designing an Effective Homepage
5 Simple Tricks To Bring Light and Shadow Into Your Designs
How To Use Help Elements To Improve Your Designs
20 Vital Techniques & Best Practices For Effective Web Design
8 Characteristics Of Successful User Interfaces

Code

10 Rare HTML Tags You Really Should Know
Useful resources to improve the look and features of HTML Forms
Code Snippets
HTMLを綺麗に保つ12の原則

Tools

ブラウザチェックに使える無料ツールいろいろ
サイトをもっと速くしたい! サイト最適化に使えるツールいろいろ
Quick Usability Checklist
Colour Contrast Check
CheckMyColours
55+ Extremely Useful Online Generators for Designers
サイトのコントラストチェッカー
10 Tips to Create a More Usable Web
ウェブ制作に役立つウェブデザイナーのための検索サイト集

Color tools

画像から色を抽出し、カラーパレットを作成！　Image to Colors Palette Generator
まだまだあるカラーツールいろいろ
12 Useful Web Tools for Designers
雑誌や本の表紙の色を解析してカラーチャートを表示する「Color of Book」
Color Scheme Designer Version 3.0
Colors Come to Life in 3D with ColoRotate
カラーパレットとスウォッチファイルを作ってくれるサイト　ColourGrab

Resource

なぜシンプルなデザインが人々に受け入れられるのか
デザインに関するよいお言葉
建築分野に学ぶWebサイト設計――“変化するWebサイト”をどう捉えどう発展させるか
50 Sites That Will Help You To Become a Better Designer
42 Free Online Magazines for Designers
45 Must-See Incredible Resources And Inspirational Collection To Discover The Best Of The Web In January
ウェブサイトの設計図 ワイヤーフレームを活用しよう
UX Madness ? 20 Fantastic Resources For User Experience Know How
160+ RSS Feeds For Web-Designers And Developers
13 Most Desirable Collection Of Free Resources For Every Designer
Sketchbook for web designers
Collection of free resources available for designers to download
10 Usability Tips for Web Designers
Five Minute Upgrade ? Making Your Design Pop
101 Examples of Text Treatments on the Web
How to Spot Quality within Web Design: Examples & Tips

Tags: Design, resource, Tips, Tools, tutorials, web, ウェブデザイン

This entry was posted on Monday, November 9th, 2009 at 2:44 pm and is filed under デザイナーズリソース - designers resource. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.