Единая стилистика

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

Стиль, конечно, должен быть единый у всех элементов. Мы часто рассуждаем о том, что для начинающего дизайна эксперименты всегда заканчиваются плохо. Есть понимание, что человек, который начал осваивать web думает о креативе и самовыражении. На первых этапах лирики не должно быть. Сухие законы стали другими! Придется смириться с тем, что хороший дизайн всегда ближе к слову "понятный", чем "творческий". Всё в первую очередь должно работать, а уже потом быть красивым. Иными словами зададимся ещё раз вопросом "Мечтают ли андроиды об электроовцах?".

Думаю после этого примерно ясен настрой поста и можно приблизиться к конкретике.

Начнем с рассуждений о том какой собственно должен быть сайт, строгий или мягкий. Продажа грузовиков или подушек? Исходя из этого знания продолжаем анализировать.

Строгий сайт - это строгие кнопки с прямыми углами или закругленными до 10%. У веселенького сайта наоборот, края кнопок либо немного скруглены, либо на максимум. И так во всем придерживаемся этой логики, простой и понятной с первого раз без лишний мыслительных процессов =) Не стоит создавать больше 3-х видов кнопок. Требуется сохранять стиль полностью. Шрифт, высота, цвет. Цвет, как правило, субъективный и зависит от контекста, поэтому брать его в расчет не будем.

В зависимости от выбора стиля задаем форму так же остальным элементам.

Иконки в первом случае скорее подойдут одноцветные, максимум 2-ух цветные без скруглений. Для 2-ого варианта с мягким дизайном, можно выбрать цветные иконки, с мягкими или немного скругленными краями. Простые однопиксельные иконки подойдут почти во всех случаях. Их можно подчинить почти любому стилю, как использование белого цвета на сайте. Однопиксельные иконки - универсальный вариант, когда проблемы с подборкой.

Лучше сохранить стиль иконок на всем сайте. Если вы создали иконки из 2-ух пикселей и 2-ух цветов, будет гармоничнее все остальные иконки на сайте делать тоже такими. Исключение - меню.

Выбор картинок. В этом случае правила одни для всех. Требуется высокое разрешение, хорошая читаемость текста на фоне, и не накладывать текст на основной объект на картинке. Как правило, на темных сайтах хорошо выглядят темные слайды. На светлых сайтах слайды с черным фоном выглядят грубо.

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

При выборе шрифта можно воспользоваться подборкой, которую я любезно предлагаю: http://telegra.ph/Podborka-shriftov-11-14

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

Тогда ваши макеты будут выглядеть сбалансированно и гармонично.