Назар Токар
Опубліковано: 6 Вересня 2008
Оновлено: 1 Травня 2017

Иногда проще воспользоваться уже готовым рецептом, чем изобретать велосипед. Хочу представить вам подборку из 9 полезных ресурсов для веб-дизайнера.

Подбор цветовой гаммы

1. Веб-дизайнеру бывает порой сложно подобрать цветовую гамму для сайта, чтобы дизайн «рифмовался». Иногда можно битый час просидеть выбирая, как один цвет будет смотреться с другим.

Для решения такой проблемы могу посоветовать сайт Color Combos. На этом ресурсе можно выбрать любую из сотен цветовых гамм или создать свою на основе указанного цвета. Очень быстро и просто. Рекомендую.

2. Ещё один сайт, который выполняет похожую функцию — ColorBlender. После подбора цвета можно скачать полученную цветовую схему в формате Photoshop, Illustrator или отправить схему на почту.

3. Облегчить жизнь веб-дизайнеру сможет и ресурс это AjaxLoad. Здесь можно создать анимированную картинку для загрузки со своими параметрами. Например, такую:

Можно менять цвет фона и цвет самой картинки. Очень удобно, если хочется сделать свою картинку вместо стандартной.

Графика

4. А это полезный ресурс для поклонников разных узоров. Для ценителей рекомендую дамаскские узоры (сайт почил).

5. Crystal Clear — здесь отличный выбор разных иконок на любой  вкус.

6. Web-design Resources — как Safari отображает кнопку входа и текст на ней? Это легко можно увидеть на этом сайте. Здесь есть текстовые поля, кнопки, radio-button’ы многое другое в формате PSD. Это ещё не всё, здесь много полезных ресурсов.

Favicon

7. FaviconGenerator — здесь можно создать иконку для сайта из любого изображения.

8. Favicon.ru — а это его русскоязычный аналог. Пользуйтесь на здоровье, но не забывайте — лучшая иконка это иконка сделанная вручную, когда каждый пиксель выверен и находится на своём месте.

CSS и контент

9. Clean CSS — сайт, созданный для оптимизации CSS-кода. Вводите html нужной страницы и на выходе получаете обработанный и оптимизированный по указанным параметрам код.

Мне эти сайты когда-то сэкономили кучу времени.

Засновник і керівник видання Tokar.ua. Програміст, адміністратор української Вікіпедії.
← Тисни «Лайк», щоб читати нас у Фейсбуці
Поширити у Фейсбуці
Надіслати у Messenger
Надіслати в Telegram
Надіслати у WhatsApp
Зберегти в Pocket
Обговорення

  1. Андрей, сейчас многие редакторы кода могут делать подобное, но по факту почти все из них делают все сложнее и неудобнее, удобных сервисов единицы.

  2. Спасибо за Clean CSS. Давно искал что-то подобное.

  3. Shift

    Спасибо! Есть полезные ссылки

  4. Sergio

    Да, чем больше узнаёш, тем больше нужно узнавать ещё… Спасибо за ссылки.

  5. Т

    Хорошие ссылки)спасибо!

  6. Галина

    Спасибо, познавательно. многое оказалось в закладках

  7. Мирик

    kuler.adobe.com
    Хоть я и не дизайнер, но меня часто выручает.

  8. operaman

    Qude, у меня PsCs3 сохраняет ico без аддонов.
    Ничего не наго дополнительно не ставил…

  9. Qude

    operaman, для этого нужно расширение внедрить в шоп. ;)

  10. operaman

    favicon.ru в общем-то хорош, но все же лучше в PS делать File > Save as… > *.ico.

  11. Дедушка

    Интересный ресурс.
    Спасибо, vishnya.

  12. vishnya

    Ещё есть классный сайт с подбором цветов и палеток: http://www.colourlovers.com

  13. Дедушка

    Дизайнер без амбиций ничего не стоит, будьте готовы к этому.
    Но с любым адекватным можно договориться. Торговались?

  14. DimoninG

    Дедушка: на всякие сателлиты жаба душит, конечно :) Сат даже не окупит дизайн. Кроме того, есть дизайнеры, которые завышают цену в разы (амбициозные). А я в ценах на дизайн не очень ;)

  15. Дедушка

    А вы попробуйте к дизайнеру обратиться ;)

  16. DimoninG

    За колор-комбос спасибо большое! Добавил в избранное. Часто бывает, что мне, программисту, нужно нарисовать дизайн, а подобрать цвета – для меня основная проблема :( Не понимаю в этом ничерта.

  17. Филли

    Народ в таких случаях так говорит – Абросим не просит, а дадут — не бросит. :)