SketchやAdobe XD、Figmaなどのプラグインを大量に収集している・「Awesome Design Plugins」 Awesome Design Plugins Awesome Design PluginsはSketchやAdobe XD、Figmaなどのプラグインを大量に収集しているキュレーションサイトです 各プラグインはそれぞれアクセスビ...2019.11.04 | 9時58分44秒
SVGやPNGで出来た5000以上のタータンチェックなパターン素材を配布する・「Tartanify.com」 Tartanify.com Tartanify.comはSVGやPNGで出来た5000以上ものタータンチェックのパターン素材を配布するプロジェクトサイトです。右側にインデックスがあり、そこから各タータンのページに移動できます こ...2019.10.30 | 10時21分05秒
URLを入力すると、そのWebページの全体スクリーンショットを撮ってくれる・「Fullpagescreencapture.com」 Fullpagescreencapture.com Fullpagescreencapture.comはURLを指定すると、そのWebページの全体のスクショを撮ってくれるWebアプリです 普通に撮るだけならDevtoolsでいい...2019.10.23 | 10時19分19秒
unsplashの写真から自動でカラーパレットを作成している・「ImageHues」 ImageHues ImageHuesはunsplashの写真を元に自動でカラーパレットを作成しているプロジェクトサイトです Favorite機能以外、特に特別な機能は無いシンプルな仕様ですが個人的には割と好きでしたので備忘録と...2019.10.14 | 9時53分09秒
実際に使用した風のUIを確認できるカラーパレットジェネレーター・「Muzli Colors」 Muzli Colors Muzli Colorsは実際に使用した風のUIを確認しながらカラーパレットを作成できるカラースキームジェネレーターです。写真をアップロードしてカラーパレットを自動生成する事も可能です。 以前ご...2019.09.03 | 9時29分39秒
任意のSVGのstrokeやfillをアニメーションさせるWebアプリ・「SVG Artista」 SVG Artista SVG Artistaは任意のSVGにアニメーションエフェクトを付与するWebアプリです。 SVGのコードを貼るか、読み込ませると、コードを解析してCSSを作成、アニメーションさせてくれる、というもの。 ...2019.08.28 | 9時58分02秒
任意のベースカラーを設定すると、WarningやSuccessなどの最適なアラート用カラーを自動で選出してくれる・「Eva Deep learning color generator」 Eva Deep learning color generator Eva Deep learning color generatorは任意のベースカラーを元に、最適なアラート用カラーを選出してくれるカラーアプリです。名前の通り、ディ...2019.07.03 | 10時01分23秒
カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」 #c0ffee is the color #c0ffee is the colorはカラーコードの文字に焦点を当てた実験的なカラーツールです。ABCDEFのいずれかを含む文字且つ、6文字か3文字の単語を辞書から抽出し、該当するカラーコ...2019.06.11 | 10時09分28秒
Webデザイナー向けに役立ちそうなリソースをまとめている・「Neede Design Resources」 Neede Design Resources Neede Design ResourcesはWebデザイナーやUI、UXデザイナーなどデザイナー向けのリソースを大量にまとめているキュレーションサイトです。ブランディングやカラー...2019.05.23 | 10時22分44秒
大学の学生や教授が共同で作った3000以上の絵文字を公開するオープンソースのemojiプロジェクト・「OpenMoji」 OpenMoji OpenMojiは学生53人と2人の教授が共同で進めているオープンソースの絵文字プロジェクトです。現在3000以上ものSVGアイコンが本プロジェクトのスタイルガイドに従い、一貫したスタイルで作成、公開されてお...2019.05.16 | 10時33分00秒
コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」 Fontanello Fontanelloは右クリックで表示されるコンテキストメニューからドラッグしているテキストのフォントの情報を調べられるChromeエクステンションです。従来のエクステンションのようにわざわざ起動したりブックマー...2019.05.14 | 10時12分07秒
プロトタイピングツールのFigmaで使えるBootstrap 4用のUIキット・「Figma Bootstrap 4 GUI Components」 Figma Bootstrap 4 GUI Components Figma Bootstrap 4 GUI ComponentsはプロトタイピングツールのFigmaで使えるBootstrap 4用のUIコンポーネント集です。話題のF...2019.05.05 | 10時09分40秒
SVGアイコンを好みのカラーパレットに変更、ダウンロードできる・「SVG Colorizer」 SVG Colorizer SVG Colorizerは任意のSVGアイコンを好みのカラーパレットで色を変更、ダウンロードできるWebアプリです。アプリ側で用意したアイコンの他、任意のSVGファイルをアップロードすると自動で解析し、カ...2019.04.25 | 10時15分53秒
任意の画像から美しいカラーパレットを自動生成、エクスポートできる・「ColorKitty」 ColorKitty ColorKittyは任意の画像から美しいカラーパレットを自動生成、PNGやJSON、SCSS、HEXなどでエクスポートできるWebアプリです。自動生成されますが、自己調整も可能で、画像上のカラーピッカーの役割の...2019.04.13 | 10時14分17秒
ログインページや値段表、コンタクトフォームなどのUI/UXをより良くするためのチェックリスト・「Checklist Design」 Checklist Design Checklist Designは様々なUI/UXのベストプラクティスをチェックする為のリスト集です。例えばログインページならロゴは使われているか、ユーザーに何をさせたいかが明示されているか、どこにど...2019.03.31 | 9時02分53秒
アクセシビリティツールやデザインバージョン管理、モックアップや3Dモデリングなど、様々なデザイナーに役立ちそうなツールやリソースのまとめ・「Awesome Design Tools」 Awesome Design Tools Awesome Design Toolsは様々なデザイナー向けのツールやリソースを収集しているキュレーションサイトです。フィードバックツールを展開するFlawlessのスタッフが作成しているキ...2019.03.30 | 9時09分02秒
サンプルのUIを確認しながらカラースキームを作成、様々なコードでエクスポートできる・「Geenes」 Geenes GeenesはサンプルのUIを確認しながらカラースキームを作成、様々なコードにエクスポートできるWebアプリです。サンプルとして用意されたUI集のカラーが、色を変更する事でインタラクティブに変化するのでリアルタイムに確認...2019.03.26 | 9時10分28秒
色とアクセシビリティの関係について、インタラクティブな操作で体感しながら学べる・「Color.review」 Color.review Color.reviewは色とアクセシビリティに関してインタラクティブな操作で体感しながら学べるWebアプリです。用意されたカラーピッカー上には3本のラインがあり、色を変更する事で場所が移動します。このライン...2019.03.15 | 9時17分51秒
任意のカラーの組み合わせのアクセシビリティをチェックしてくれる・「Accessible Brand Colors」 Accessible Brand Colors Accessible Brand Colorsは任意のカラー同士の組み合わせのアクセシビリティチェックを行ってくれるツールです。2つ、あるいは複数のカラーを選択すると、そのカラー同士のア...2019.03.03 | 9時35分16秒
多機能なカラーピッカーを使えるChromeエクステンション・「Color by Fardos」 Color by Fardos Color by Fardosは多機能なカラーピッカーを使えるChrome拡張です。通常のカラーピッカーやカラー検索ツール、グラデーションツール、スポイトツールをコンパクトなエリアで使える、というもの。...2018.11.30 | 9時23分09秒
シンプルで見やすいフローチャートやワイヤーフレームを簡単に作成できる・「Whimsical」 Whimsical Whimsicalはシンプルで見やすいフローチャートやワイヤーフレームを作成、DLしたりシェアできるWebアプリです。よくあるやつですが最低限の機能を揃えつつも使いやすく分かりやすいUIという印象です。現在はフロー...2018.11.18 | 9時16分18秒
デザイナー向けのリソースを収集、公開しているプロジェクト・「DesignBase」 DesignBase DesignBaseはアプリやWebなどのデザイナー向けのリソースを収集しているプロジェクトサイトです。色やフォント、UI、モックアップからインスピレーション、ストックフォトなどなど様々なリソースがまとめられてい...2018.10.27 | 9時50分57秒