24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Статьи » Набор юного веб-мастера


Набор юного веб-мастера

Сообщений 1 страница 3 из 3

1

Небольшая подборка ресурсов, посвящённых всему, что может пригодиться при разработке сайта – форума в нашем случае, - от дизайна до инструментов.
Техническую часть особенно трогать не буду, потому что не очень пока ещё разбираюсь в вопросе.

Дизайн: подбор цвета и палитры

Лично меня природа наделила потрясающим отсутствием чувства вкуса и меры, так что следующий набор сайтов спасителен. Кроме того, они могут выручить ленивых и тех, кого покинуло вдохновение.

In color balance – сайт-коллекция цветовых палитр, составленных из фотографий. Обновляется медленно, но верно – авторы коллекции ищут изображения сами, и сами же составляют палитру, каждая из которых весьма удачна.
Есть возможность сделать выборку палитр по четырём критериям: теплые оттенки, холодные оттенки, пастельные тона, контрастные тона. Но что ещё более удачно – каждая палитра помечена и есть список меток, по которым можно хорошо сузить круг поиска. Если мне понадобится цвет зимнего утра или вода пляжа Бонди – известно, где искать.
Colour Lovers – ещё один сайт цветовых решений для дизайна, но более обширный. Включает в себя наборы палитр, паттерны, возможность создать свой паттерн и вроде как объединиться в группы по интересам. Есть подборка трендов в оформлении. Возможны ещё какие-то ещё плюшки – не смотрел.
Design Seeds – сайт, почти аналогичный первому. Симпатичные фотографии и палитры по их мотивам, но цветов из картинок извлечено чуть больше. Есть возможность сортировки по тону и по теме. Бонус палитр из обеих коллекций – все цвета выглядят очень естественно и не раздражают.
DeGraeve.com -  здесь есть куча разного, нас интересуют два пункта.
Color Palette Generator - как видно из названия, генератор палитр. Выручает в ситуациях, когда под рукой нет инструмента для быстрого подбора цвета, а надо. Суть в том, что из предложенной картинки генератор составляет две палитры, тусклую и яркую, а дизайнер распоряжается подборкой по своему усмотрению. Минус – необходимо давать URL изображения, возможность загрузки с компьютера отсутствует. У меня он оставлен на крайний случай, потому что подобранные генератором палитры получаются… странные.
Color Picker – подбиралка цвета. В окно нужно ввести код нужного цвета и генератор выдаст четыре палитры схожих по тону, контрастных и каких-то ещё цветов.
Color Hunter – очередная коллекция палитр из фотографий, тысячи их.
Get Color – под рукой нет фотошопа или иного инструмента для подбора кода цвета – эта штука поможет. Ничего особенного, но забавно комментирует выбор пользователя.
Color Scheme – цветовой круг. Удобная вещь – можно выбрать схожесть по тону, контрастность, ещё опции с умными названиями, посмотреть, как все цвета будут вместе выглядеть на примере страницы, наложить серый-белый-чёрный текст. И симулировать зрение дальтоника – как-то он ваш форум увидит?

Иконки для форумов

Те самые маленькие картинки, которые отображаются в браузере возле названия вашего сайта или форума.

Favicon.cc – тут можно нарисовать иконку самостоятельно, ещё в процессе рисования посмотрев внизу, как она будет отображаться в действительности, можно загрузить своё изображение или прошерстить галерею ранее загруженных/нарисованных другими пользователями иконок. Есть поиск по тегам.
Favicon Generator – принцип работы аналогичен, но галереи и тегов нет.

Инструменты для проверки работы форума

С дизайном вроде разобрались, теперь поглядим, как произведение будет смотреться у потенциального пользователя.

View Like – просмотр сайта в разных разрешениях.
Проверка скорости загрузки сайта – если у вас много тяжёлой графики, это не круто. И вы об этом узнаете. Сервер в Германии.
Ещё одна проверка скорости загрузки – сервер в Москве. Как в первом, так и во втором, удобно проверять сразу несколько сайтов.
Сделать скриншот – и посмотреть, как страница выглядит целиком, от шапки до подвала.

Будет пополняться. Или не будет. Посмотрим.
А я пока ищу хороший инструмент для проверки на кроссбраузерность.
-
Цитируя, оставляйте пожалуйста ссылку на эту страницу.

+9

2

Огромное спасибо, очень пригодится в работе

0

3

Billy Joe, замечательная статья. Спасибо.

0


Вы здесь » COLOR MATE » Статьи » Набор юного веб-мастера