Webデザイン補助

Webデザイン補助

CC0で配布されている、髪型や顔などのパーツの組み換え可能な人物イラストを配布するプロジェクト・「Open Peeps」

Webデザイン補助

ツールやグラデーション、パレットやブランドカラーサンプルなど、色に関する様々な大量のリソースを集約した・「Colorsinspo」

Webデザイン補助

コントラストをベースに作れるOSSのカラージェネレーター・「Leonardo」

Ads
Webデザイン補助

モックアップ等でダミーテキストを表現する為のSVGを作成出来る・「Wireframer」

Webデザイン補助

レスポンシブWebデザイン表示一括確認Chromeエクステンション・「ResponsiveViewer」

Webデザイン補助

100日間書き続けた様々なイラストをオープンソースとして配布する・「illlustrations」

Webデザイン補助

SketchやAdobe XD、Figmaなどのプラグインを大量に収集している・「Awesome Design Plugins」

Webデザイン補助

SVGやPNGで出来た5000以上のタータンチェックなパターン素材を配布する・「Tartanify.com」

Webデザイン補助

URLを入力すると、そのWebページの全体スクリーンショットを撮ってくれる・「Fullpagescreencapture.com」

Webデザイン補助

unsplashの写真から自動でカラーパレットを作成している・「ImageHues」

Webデザイン補助

実際に使用した風のUIを確認できるカラーパレットジェネレーター・「Muzli Colors」

Webデザイン補助

任意のSVGのstrokeやfillをアニメーションさせるWebアプリ・「SVG Artista」

Webデザイン補助

任意のベースカラーを設定すると、WarningやSuccessなどの最適なアラート用カラーを自動で選出してくれる・「Eva Deep learning color generator」

Webデザイン補助

カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」

Webデザイン補助

Webデザイナー向けに役立ちそうなリソースをまとめている・「Neede Design Resources」

Webデザイン補助

大学の学生や教授が共同で作った3000以上の絵文字を公開するオープンソースのemojiプロジェクト・「OpenMoji」

Webデザイン補助

コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」

Webデザイン補助

プロトタイピングツールのFigmaで使えるBootstrap 4用のUIキット・「Figma Bootstrap 4 GUI Components」

Webデザイン補助

SVGアイコンを好みのカラーパレットに変更、ダウンロードできる・「SVG Colorizer」

Webデザイン補助

任意の画像から美しいカラーパレットを自動生成、エクスポートできる・「ColorKitty」

Webデザイン補助

ログインページや値段表、コンタクトフォームなどのUI/UXをより良くするためのチェックリスト・「Checklist Design」

Webデザイン補助

アクセシビリティツールやデザインバージョン管理、モックアップや3Dモデリングなど、様々なデザイナーに役立ちそうなツールやリソースのまとめ・「Awesome Design Tools」