
Webデザイン補助


色とアクセシビリティの関係について、インタラクティブな操作で体感しながら学べる・「Color.review」

任意のカラーの組み合わせのアクセシビリティをチェックしてくれる・「Accessible Brand Colors」

多機能なカラーピッカーを使えるChromeエクステンション・「Color by Fardos」

シンプルで見やすいフローチャートやワイヤーフレームを簡単に作成できる・「Whimsical」

デザイナー向けのリソースを収集、公開しているプロジェクト・「DesignBase」

プロトタイプやフレームワークの為の落書きフォント・「Scribble Font」

InVisionがフリーで配布するPhotoshop/Skechのワイヤーフレームキット・「Form」

イージングに使われるペジェ曲線に合わせた法則でカラースキームを作り出す・「ColorBox」

ダウンロード可能なさまざまなカラースキームを大量に保管している・「SchemeColor」

美しいカラーパレットを手動収集している・「Trendy Palettes」

器や絵画、ポスター等、歴史的に利用されてきた美術品に利用されている色をパレットにした・「Color Leap」

ポスターとして印刷するために作られたPhotoshopのショートカットチートシート・「Photoshop Shortcuts And Commands Poster」

スマフォやタブレット向けのプロトタイピングツール・「MockingBot」

Dribbbleで注目されたイラストからカラーパレットを作成している・「The Colorbook」

食べ物の写真を専門に配布するストックフォトサイト・「FOODIE FACTOR」

ストックフォトやフォント、アイコン、カラースキームやチュートリアル等、Web制作に役立つツールやリソースを収集、公開している・「PinTab」

UI制作の際に役立ちそうなツールやリソース等の情報をまとめた・「designer lynx」

Webデザインギャラリーに掲載したWebサイトと連動したカラーパレットサービス・「Colors」

FeatherやFont Awesomeなどのアイコンを色やサイズをパスに指定するだけで表示できる・「icongram」

クリックするだけでPantoneカラーをhexコードでコピーできる・「Pantone colors」
