Дизайн — это нечто большее, чем внешний вид. В первую очередь — это способность достигать цели сайта. Обычно такой целью является — увеличение продаж или увеличение имиджа, а затем и продаж. Поэтому бессмысленно говорить, что у кого-то дизайн получше, чем у Apple. Можно сказать, что у кого-то дизайн концептуальнее, сложнее или необычнее, чем у Apple, но не лучше.
Это было важно уточнить, потому что дальше я буду говорить о простоте, минимализме и эстетике.
Уберите фирменные цвета и посмотрите, что будет с дизайном.
Многие дизайнеры и заказчики уверены, что фирменные цвета помогают сделать сайт стильным. Это действительно способно немного скрыть плохой дизайн, но, одновременно, показывает, что это главная стилизующая фишка. А больше там обычно ничего нет. Шаблон. Уберите одинаковые цвета, и, скорей всего, вы увидите шаблон.
Качественный дизайн не зависит от фирменных цветов. Поменяйте их, сделайте разноцветными, и если сайт от этого не выглядит хуже, остается узнаваемым и уникальным — значит вы делаете настоящий дизайн высокого уровня.
Чем меньше элементов — тем дороже.
Сразу отмечу, высококлассный дизайн сайта, как и контент не обязаны быть простыми. Речь идет о лишних элементах. Вообще, чем проще дизайн, тем он, обычно, выглядит дороже. Главное правило здесь таково:
Используйте минимум элементов, чтобы достичь цели.
Цель элемента дизайна — это подчеркнуть какую-то мысль. Бессмысленные элементы — это то, чем грешат большинство веб-дизайнеров, даже именитых. Если необходимости нет, то не должно быть и дополнительного элемента. Чем проще — тем лучше.
Всегда упрощайте, а не усложняйте.
Осознайте и примите принцип простоты. Он заключается в том, что даже сложное должно снаружи выглядеть просто, и тогда это понравится людям. Если вы сделали что-то сложное, подумайте, можно ли это упростить без значительных потерь? Можно ли упростить интерфейс или меню сайта или уменьшить количество элементов?
Снова это не означает, что дизайн сайта всегда должен быть простым, а простой дизайн всегда будет выглядеть великолепно. В то же время всегда необходимо стремиться к упрощению. Вспомните стены первого офлайн магазина Apple. Это были прозрачные стекла, а форма помещения — куб. Внутри были деревянные столы простой формы. Ни одного лишнего элемента, узора или украшательства. И там было очень просторно.
О шрифтах и расстояниях.
Не делайте так, как не делают лучшие дизайнеры. Раз они лучшие, значит их мало. А если так, то логично, что почти всё, что мы видим в интернете — мрак. Так делать не надо. Повторение — мать учения. Поэтому прочтите нерушимые правила, даже если вы уже матерый дизайнер. Надеюсь, вы не считаете, что в дизайне правил нет?
Всегда или никогда:
Используйте только один шрифт, полужирный или жирный для заголовков и обычный для текстов.
Не используйте наклонный шрифт.
Не используйте капслок.
Вы можете использовать сколько угодно размеров шрифтов для заголовков и текстов, например, больше 5, если вы очень опытный дизайнер и знаете, что делаете. И вам нельзя использовать больше 3-х размеров шрифтов для текста, если у вас нет глубокого понимания.
Учитывайте, какой размер шрифта для чего используется. Так, чтобы не получилось, что один текст одного размера, а другой, в похожем блоке — другого размера.
Равняйте тексты одного типа друг с другом. Таких типов может быть несколько, и равняться они будут на разных уровнях.
Равняйте или по центру все тексты или слева. Без крайней необходимости избегайте смешивать на одной странице разные выравнивания. (О, как меня это раздражает).
Ставьте точки в конце всех заголовков, в т.ч. главных и во всех текстах. Почему? Так надо.
Делайте большие вертикальные отступы между элементами, не мельчите. Страшно? Покажите, что ваш контент на сайте не зажат, и ценность продукта высока.
Делайте значительные горизонтальные отступы. Никогда не допускайте, чтобы текст начинался близко от края страницы, бокса или другого элемента, в котором находится.
Точно измеряйте и повторяйте все расстояния одинакового типа в десктопной и в мобильной версии сайта. Поясню: пробел от заголовка до текста — один тип, пробел от предыдущего элемента до заголовка — другой тип расстояния. В каждом подобном блоке эти расстояния должны быть одинаковыми, а не на глазок.
Не размещайте текст на фотографиях или на картинках. Этим действием вы мгновенно уничтожите уважение к вашему сайту, компании и продукту.
Иногда вы можете нарушить некоторые (не все) правила, если понимаете зачем их надо соблюдать.
А какими правилами руководствуетесь вы? Поделитесь этим в комментариях.
Скругления элементов.
Реактор надо ставить везде, где есть возможность.
Дарт Вейдер. Робоцып: Звездный войны.
Вот также и здесь. Скругления надо делать везде, где есть возможность. Причина не в каком-то временном тренде, а в бессмертной связи с эволюцией человека. Поэтому скругления будут восприниматься людьми позитивно всегда.
Не обращайте внимания на сферу бизнеса.
Существует миф о том, что в каждой сфере бизнеса нужно делать свой тип дизайна. Также, что есть полезные цвета, например, синий, для сфер связанных с банками, юристами и т.д. Синий вызывает ощущение надежности.
Но если синий цвет такой надежный, то почему только финансы или консалтинг? Вы же хотите продавать не только в этих сегментах, но и в других, верно? Вот что. Забудьте о том, что существуют особые сферы бизнеса и для каждой уместен какой-то особый цвет. Сайты становятся невыразительными, они не выделяются на фоне конкурентов.
То же касается и общего дизайна. О, вот этот дизайн подходит для технологичного стартапа, а этот для булошной. Нет.
Делая много разных типов дизайна вы остаетесь дилетантом во всех этих дизайнах.
Мы в Промбизон взяли за основу минималистичный и современный дизайн. Он универсален и подойдет для любой сферы. Поэтому мы год от года совершенствуем его и накапливаем наши дизайн-решения, улучшаем их. Мы эксперты в нашем дизайне.
Почему бы сайт, скажем, по английскому для детей не сделать в современном и минималистичном дизайне? Зачем все эти «детские» элементы? Ведь это уникально, и нужно специализироваться именно в таком дизайне, чтобы сделать хорошо. Лучше применять один универсальный и качественный современный стиль. По аналогии с обоями в детской комнате. Я бы предпочел в детстве стильные взрослые обои без рисунка, а не с нелепой текстурой планет и звездочек.
Когда вы работаете в едином стиле — вас будут узнавать. Если же это вы заказываете сайт, то вы будете выделяться на фоне «синих» конкурентов.
Замечание: цвет ссылок и кнопок чаще всего имеет смысл делать синими.
Читайте другие наши статьи о дизайне. Например, Полный курс обучения веб-дизайну за 10 минут. #дизайн