Что делает дизайн профессионалом?

Кто-нибудь может определить, почему что-то может не выглядеть "профессиональным"?

Что отличает профессиональный / непрофессиональный дизайн?

У меня есть клиенты, которые говорят, что мой дизайн выглядит не очень профессионально. Я следил за всем, чтобы сделать его профессиональным - может, я недостаточно разбираюсь в дизайне? Я видел много «профессиональных» шаблонов дизайна, которые выглядят легко и похоже на мои. В большинстве случаев, когда мне некуда идти, я следую этим шаблонам, но когда я заканчиваю, я получаю обратную связь: «Это не выглядит профессионально» . Это не помогает мне, хотя. Кто-нибудь здесь имеет реальную помощь / опыт / предложения помогли бы мне в отношении внешнего вида, шрифта, стиля ... все . Пожалуйста, дайте мне путь!

Вкратце:
что делает дизайн профессионалом?

Я сделал это еще один ответ, так как это прокомментировать ваш дизайн:

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

Основная история в том, что ей не хватает выравнивания и глубины ... много глубины.

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

Посмотрите, как я создаю глубину с плавными градиентами, текстурами и тенями. Кроме того, взгляните на то, как он расположен.

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

Надеюсь, это поможет вам.

Робин Уильямс, друг всех начинающих дизайнеров, указывает на четыре критически важных момента: контраст, повторение, выравнивание и близость (и да, аббревиатура CRAP!). Вы должны получить ее книгу « Дизайнерская книга не дизайнера » и изучить ее. Все в нем относится как к сети, так и к печати. Это легко читать и очень ясно. Затем возьмите " Веб-книгу не для дизайнеров " и изучите ее. Я бы добавил к ее квартету: Послание, Гармония и Актуальность.

• Сообщение клиент хочет получить через это первое , что вам нужно знать, потому что он информирует все остальное. В успешной фотографии, дизайне, живописи, письме существует три простых правила, которые никогда не нарушаются: 1) иметь сообщение; 2) Включить только то, что способствует сообщению; 3) Удалить все, что отвлекает от сообщения. На фотографии спортсмена вы могли бы использовать ее снимок в воздухе, выглядящий легко и грациозно, и клонировать пустую банку с коксом и недоеденный бутерброд на заднем плане. Как художник, вы должны знать, что вы пытаетесь сказать. Как дизайнер, вы должны знать, что клиент пытается сказать. В конце концов, это то, за что клиент платит.

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

• Актуальность наступает в самом начале цикла проектирования. Это относится к цвету, типографии и генеральному плану. Вы бы не использовали пудровый синий и розовый для дизайна веб-сайта высокотехнологичной компании, а также для хип-хоп артиста. Этот удивительно острый гранжевый шрифт не подойдет юристу или бухгалтеру, но Times Roman может. (Вы бы не стали использовать Times для сайта, который должен выглядеть современно.) Тяжелая металлическая полоса нуждается в смелых формах и цветах, высокой контрастности, но медицинская клиника или сайт детской одежды требуют гораздо более мягкого внешнего вида.

• Контраст означает темный и светлый, насыщенные цвета и оттенки, темный на свету или светлый на темном. Если ваш дизайн требует смелых контрастов, главное, чтобы они были жирными, чтобы они были четко продуманными. Только одна вещь разрушает дизайн быстрее, чем «почти-но-не-то-же», к которому я скоро вернусь.

• Повторение помещает один и тот же тип элемента в одно и то же место и каждый раз с одинаковыми цветами, заголовком или формой. Интервал соответствует. Визуальное оформление имеет ритм, как и музыка. Если ваши элементы не падают "в такт", зрителю становится неудобно, так же, как трудно слушать группу, чей ритм выключен.

• Выравнивание , отсутствие, это верный способ сломать дизайн. Нет ничего, что кричит "любитель" громче, чем вещи, которые не совсем совпадают. В печати мы работаем с точностью менее 1/1000 дюйма. Вы можете расположить вещи далеко от выравнивания, при условии, что смещение является смелым, очевидным и преднамеренным. Но никогда, никогда не используйте 7px отступ для тега ap и 8px для h1. (В качестве примечания: избегайте центрированных макетов для чего-либо, кроме приглашения на свадьбу или на похороны. Центрированные макеты находятся в спокойном, безмятежном, неподвижном состоянии, чего почти никогда не требуется. Начинающие используют центрированные макеты, потому что они не знают, как выравнивать вещи.)

Выравнивание и повторение - вот почему сетки являются таким полезным инструментом. Понимание этих моментов ответит на многие вопросы об использовании сеток.

• Близость просто означает держать вещи, которые принадлежат друг другу, близко друг к другу. Заголовок должен быть ближе к следующему абзацу, чем, например, к приведенному выше.

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

Практикуйте эти семь пунктов сознательно и сознательно. Вскоре они станут инстинктивными, и ваши проекты достигнут совершенно нового уровня. Это обещание.

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

• База вашей цветовой палитры вокруг фирменного стиля клиента.
• Внимательно прислушивайтесь к его потребностям, чтобы вы могли удовлетворить стиль, который он хочет
• Дизайн для удобства использования. Вы можете сделать дизайн челюсти, но если преобразование не является хорошим, это бесполезно.
• Тщательно выбирайте типографику (например, вы не увидите продукты Apple с шрифтом, похожим на граффити)
• Используйте систему 960gs, прежде чем приступить к проектированию, так что вы уверены, что ваше выравнивание хорошее
• Объясни и защити свой дизайн. Скажите клиенту, почему вы выбираете определенные элементы, и объясните ему, почему они хороши. Помните, мы как дизайнеры не всегда правы.
• Продолжай учиться. Следите за блогами и онлайн-журналами за новыми учебниками по jQuery и т. Д. Чтение - это ключ.
• Убедитесь, что ваш код W3C действителен и не слишком велик по размеру.

Некоторые вещи, которые нужно помнить для хорошего дизайна:

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

1. Выравнивание и распределение
2. Балансировка и группировка
3. Контраст
4. Шаблоны и градиенты

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

• Выравнивание: Выравнивание означает расположение аналогичных или других элементов дизайна по размеру сверху, снизу, по центру, слева или справа, чтобы сделать дизайн визуально привлекательным. См. Пример изображения выше, чтобы понять это.

• Распределение: Распространение означает предоставление или поддержание одинакового расстояния между одинаковыми или разными элементами любого дизайна, чтобы сделать графический макет чистым и приличным. См. Пример изображения, чтобы понять это.

Балансировка и группировка: Балансировка и группировка - это второе по важности правило любого визуального дизайна. В этом правиле мы должны сосредоточиться на элементах дизайна, например, если у нас есть некоторый текст и некоторые изображения в нашем дизайне, поэтому мы должны расположить их так, чтобы они уравновешивали себя и выглядели также великолепно. Вы можете сделать это двумя способами.

• Первый метод - использование разных элементов. В этом правиле мы упорядочиваем все элементы друг с другом, чтобы сбалансировать их друг с другом. Это легко понять с помощью приведенного ниже примера:

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

• Второй метод - группировка отдельных элементов: в этом правиле мы создаем разные группы разных элементов в дизайне. Взгляните на пример, чтобы понять это.

Итак, как вы можете видеть в приведенном выше примере, мы создали разные группы текстовых элементов, а также разные группы текстовых элементов. Этот метод макета также хорош для создания достойного и великолепно выглядящего макета. Вы также можете использовать оба метода вместе для создания потрясающего макета дизайна.

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

Шаблоны и градиенты. Вы можете сделать свой дизайн еще более привлекательным, добавив шаблоны на задний план или в другие элементы дизайна. Градиенты очень полезны, чтобы сделать ваш дизайн более живым и радостным. Всегда помните, что при использовании градиентов старайтесь использовать два цветовых градиента с незначительными цветовыми различиями.

Что делает ваш дизайн профессиональным или нет, так это то, платят ли вам за это или нет.

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