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

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

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

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

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

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

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

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

Робин Уильямс, друг всех начинающих дизайнеров, указывает на четыре критически важных вещи: контраст, повторение, выравнивание и близость (и да, эта аббревиатура — ДЕРЬМО!). Вы должны получить ее книгу " Книга дизайна для недизайнеров " и изучить ее. Все в нем относится как к сети, так и к печати. Читается легко и очень понятно. Тогда возьмите " Веб-книгу для недизайнеров " и изучите ее. Я бы добавил к ней квартет: Послание, Гармония и Актуальность.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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