Из чего состоит дизайн?

Question

[secondseptember]

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

Comments

[Модератор]

secondseptember дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[secondseptember]

Модератор, хотел бы поинтересоваться, почему тени dogma,adobe xd, ui, считаются спамом, когда речь идёт отмашете сайта?

[dollar]

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

[lukoie]

dollar, отмашете - это у него опечатка, насколько я понимаю, должно быть "о макете".
+1 к тому что действия модераторов нельзя обсуждать
+1 что теги конкретных приложений нерелевантны, когда вопрос касается теории дизайна в целом

[dollar]

lukoie, Ясно)

Answer 1

[lukoie]

линия
масштаб
цвет
повторяемость
негативное пространство
симметрия
прозрачность
текстура
балланс
иерархичность
контраст
рамки
сетка
хаос
направление
правила
движение
глубина
типографика
композиция

Части определяете только Вы. С тем уровнем детализации, какой лично Вы сейчас осилили.
И скорей всего Вы имели в виду типографику, а не леттеринг.

Comments

[Noname123456789]

Кто придумывает эти "принципы" в веб дизайне?

[lukoie]

Noname123456789, https://www.canva.com/learn/design-elements-principles/

[Noname123456789]

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

[Montana Martz]

Noname123456789, Вы, видимо, наивно полагаете, что ui/ux - творческая профессия. Нет. Да, стандарты условны и нигде не прописаны, но хороший разработчик интерфейсов придерживается этих стандартов, потому что так эффективнее/приятнее для восприятия глазу.
Художник может разбрызгать кистью холст и это будет искусством, дизайнер интерфейсов подобного перфоманса себе позволить не может.

[Noname123456789]

Montana Martz, UI — творческая профессия, UX — скорее, я бы сказал, аналитическая профессия. UX-дизайнер, основываясь на анализе, должен создавать структуру сайта — здесь речи о творчестве быть не может. Потом это всё переходит в руки UI-дизайнеру — он должен сделать из этой структуры визуально привлекательный и креативный концепт — и ничем иным, кроме как творчеством, это не назвать. 

Вы ведь сами произносите: «стандарты условны и нигде не прописаны», а следом «хороший разработчик придерживается стандартов» — каких, если они нигде не прописаны? 

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

Давайте честно скажем, что подобные «стандарты» выдуманы для «веб-мастеров», которым не посчастливилось обладать «чувством стиля», но которые так охотно хотят зайти и в еще одну отрасль — веб-дизайн. Потому что правила, которые там обговариваются — такая банальность, что любой профессиональный дизайнер усмехнется и закроет вкладку. 

[Montana Martz]

Вы ведь сами произносите: «стандарты условны и нигде не прописаны», а следом «хороший разработчик придерживается стандартов» — каких, если они нигде не прописаны?

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

[Noname123456789]

Montana Martz, стандарты, извините, в шрифтах? Цветовые стандарты есть? 

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

Подбор этого, как правило, предусматривает уход в психологические исследования, но это не является «стандартом». 

А в стилистике, я извиняюсь, тоже есть стандарты? Казалось, что формирование «образа» — это исключительно творческая прерогатива. Хотя бы потому, что стилистика предполагает «уникальность», «запоминаемость».

Веб-дизайн — это креатив. В принципе. По определению. Шаблонной практике следует тот, у кого не получается создать «здоровый креатив», не согласны? — Для них эта муть и написана. 

_________________

Вы жертва этих статеек, я не прав? Я просто на ваш профиль в Behance взглянул 

[Noname123456789]

Montana Martz, «Стандарты нигде не прописаны, их нет, но все о них знают». Формулировочка года. Я, наверное, плохой дизайнер, и все мои регалии, номинации, премии — в топку — ведь я не знаю этих «стандартов» :(

[Montana Martz]

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

стандарты, извините, в шрифтах? Цветовые стандарты есть?

"шрифты в ui/ux" - запрос гугл

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

мы говорим об интерфейсах

А в стилистике, я извиняюсь, тоже есть стандарты? Казалось, что формирование «образа» — это исключительно творческая прерогатива. Хотя бы потому, что стилистика предполагает «уникальность», «запоминаемость».

Вы не можете сделать динамику и статику, бруальный и нежный стиль в одном проекте, например. Вернее, можете, но как это будет выглядеть?

Веб-дизайн — это креатив. В принципе. По определению. Шаблонной практике следует тот, у кого не получается создать «здоровый креатив», не согласны? — Для них эта муть и написана.

Это уже смешно

Вы жертва этих статеек, я не прав? Я просто на ваш профиль в Behance взглянул

Раз вы делаете выводы по пустому бихенсу, то это просто "))))))))))"

[Noname123456789]

Montana Martz, ее видели. И вряд ли увидите, ведь мы не проводим сравнение вас, как дизайнера, и меня. Обсуждали, если помните, другой вопрос. 

С вами, как с дизайнером, всё понятно

[Montana Martz]

Noname123456789, так вы ссылаетесь на свои работы в попытках доказать свою компетентность, не я :)

С вами, как с дизайнером, всё понятно

забавно :)

[Noname123456789]

Montana Martz, запрос в Google: «Топ 10 UI шрифтов» — это? Статью, которая является вашим «ориентиром», дайте.

Я понимаю, что вы новичок — не буду язвить касательно этого. Интерфейс — это визуальный способ взаимодействия человека с каким-либо программным обеспечением (условно), в том числе — сайтом/сервисом. Вам обозначение «UI — User Interface» об этом и говорит. 

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

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

Выводы сделал по вашему ролику на ютубе. Зачем вы создаете вопрос на другом аккаунте, а потом комментируете ответы с этого? 

[Montana Martz]

Noname123456789, спасибо, что веселите всех, кто это читает
https://ux.pub/tipografika-dlya-interfejsov/

[Noname123456789]

Montana Martz, «стандарты» — как сложившиеся правило, что фон должен быть белым, а текст — чёрным, что логотип в шапке располагается слева, а не справа. 

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

[Montana Martz]

Noname123456789, чудак вы конечно, успехов вам творить :)

[Noname123456789]

Montana Martz, и ни одного осмысленного, подкреплённого доводом ответа - ожидаемо. Спасибо

[Montana Martz]

Noname123456789, да, ни одного

https://ux.pub/tipografika-dlya-interfejsov/

Даже в UI у вас есть стандарты. В шифтах, цветах, общей стилистике даже.

Вы не можете сделать динамику и статику, бруальный и нежный стиль в одном проекте, например. Вернее, можете, но как это будет выглядеть?

Художник может разбрызгать кистью холст и это будет искусством, дизайнер интерфейсов подобного перфоманса себе позволить не может.

эх блин ни одного доводом подкреплённого ответа (( как же ожидаемо ((((

Действительно, как создать движущийся автомобиль на статичной дороге? - Вопроос

Я, почему-то, только сейчас это увидел. Могу только одно сказать - АХАХАХАХАХАХАХАХА.
Чел, почитай что такое динамика и статика в композиции, прежде чем говорить об это.
Человек считает себя творцом, думает, что занимается искусством, а банальных вещей не знает :)
Даже задачу тебе облегчу:

[lukoie]

Noname123456789, "

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

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

[Noname123456789]

lukoie, опыт в этой деятельности дело посредственное, а в большинстве случаев, большой опыт в дизайне — это, как правило, очень плохо. Люди банально застревают в своём «представлении дизайна» 10-годичной давности. 

Я считаю, что обучает тот, кто «не реализовал себя (реализовал плохо) в данной отрасли. Они идут учить под знаменем: «не умеешь сам — учи других». 

Я однажды имел честь обучаться в престижном российском университете на факультете «дизайн». Проходили всё — промышленный, графический, веб дизайн. Когда проходили первые два — молчал (не было знаний/опыта), но когда коснулись темы веба — он нёс такую дичь, он советовал нерабочие практики, он показывал посредственные способы. Когда я вступал с ним в спор, что человек, который явно профессионально этим и не занимался, и не изучал — учит других, он всегда в истерике покидал кабинет. 

С этого времени я понял, что «обучать — не значит знать». 
Благо, не долго обучался. 

Хорошего дизайнера отличает его портфолио. Он работает с крупными компаниями, его работы постоянно выигрывают международные конкурсы, люди объективно восторгаются работами автора. 

Скажите, после последнего предложения, вы — хороший веб-дизайнер?

​​​​​​​Конструктивно скажите: где неправ, почему неправ, что неправ 

[lukoie]

Конструктивно скажите: где неправ, почему неправ, что неправ

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

[Montana Martz]

lukoie, человек утверждает о учебе в престижном вузе на факультете «дизайн», при этом думает, что динамика в композиции это анимированная машина на дороге, человек ничего из себя не представляет, живёт в своих иллюзиях
не совершайте мою ошибку, не тратьте на него время)

Answer 2

[dom1n1k]

Дмитрий Кирсанов, "Веб-дизайн".
Книге скоро стукнет 20 лет, так что во всех технических разделах она безнадежно устарела.
Но разделы, посвященные теории - вне времени и изложены очень хорошо.

Answer 3

[Noname123456789]

Вопрос веб дизайна что ли касается?

Дополнено: Можно получить конструктивную критику по первому дизайну? - клиника

Comments

[secondseptember]

именно

[Noname123456789]

secondseptember, я написал (комменты по первым ответом), что стандартов в веб-дизайне (если рассматриваем UI) — нет, и быть не может. 

​​​​​​​Кстати, работа на ютубчике — дно

Answer 4

[McBernar]

Не усложняйте. Есть всего несколько фундаментальных вещей, о которых постоянно нужно думать во время работы:

1. Типографика.
Шрифтовые пары заголовок-текст, ширина текстовых колонок и межстрочное расстояние, кернинг (не только прописных — веб-шрифты нужно кернить и в простом тексте).

2. Цветовая палитра.
Фоновый цвет, пара цветов для текста, главный акцентный для кнопок/иллюстраций, второстепенный акцентный, цвета ссылок.

3. Лейаут.
Сюда можно включить сетку, хотя через 10 лет работы я от нее отказался, но в целом штука важная на больших проектах, и сюда же отношения элементов друг к другу — что важнее, то и больше/выше/контрастнее.

4. Дизайн конкретных элементов.
Тут много всего, оно важное, но понимание приходит только с опытом. Например, лейблы лучше всего ставить над инпутами, а не слева, а сами инпуты, если их много, располагать в одной колонке — это позволит не теряться в большой форме при заполнении. Или нужно понимать, что человек сначала замечает изображение и только потом текст. Или что заголовок должен быть визуально ближе к своему блоку, а не к предыдущему. Таких мелочей очень много, описать их тут все невозможно. Читайте блоги, советы Горбунова, Тильду. Но без практики выучить это невозможно.