Вот второй пример. Вот откуда дизайнер знал что для дивов надо использовать сверху тень, margin'ы какого-то размера, как он подобрал шрифт и цвета?

Третий пример:
Логотип в верхний левый угол, кнопки в правый
Полупрозрачная линия, выглядящая, будто она выбита
Длинная строка с тенью
А внизу с position fixed джинсовая ткань
Да, и на фоне толи RGB-шум толи HSV.

Вот как дизайнер его придумал? Не нарисовал, я могу повторить такое, а ПРИДУМАЛ

Четвёртый пример:
Минимализм, но он великолепен. Как дизайнер подобрал отношения размеров, цвета текста и как до него дошло, что красивее будет, если он сделает линии, разделяющие хидер от боди от футера?

во первых, непрерывные траи и эксперименты
во вторых, все уже нарисовано и придумано - весь дизайн - вариации со шрифтами и цветами.

сам же пишешь:

Третий пример:
Логотип в верхний левый угол, кнопки в правый
Полупрозрачная линия, выглядящая, будто она выбита
Длинная строка с тенью
А внизу с position fixed джинсовая ткань
Да, и на фоне толи RGB-шум толи HSV.

куда еще вставлять логотип когда надо сверстать интерфейс? не вправо же вниз. Кнопки системные, строку поиска - влево. открой любой сайт из любой галлереи for inspiration и ты это увидишь в 80% случаев. Длинная строка - визульный способ отделить системную часть (топ) и функциональную часть (боди) - тут либо HR либо смена цветов (либо both). Случай с Sign Up на фиксед лайер - типичный случай когда заказчик просит сделать эту кнопку очень бросающейся в глаза. Из личного опыта - заказчик может доебывапться до всяких мелочей, но когда дело доходит до кнопки регистрация или там контакт ас, то он готов мириться с любым прявлением говно-стилья. Заебашь ты ее хоть по середине Comic Sans шрифтом красного цвета на желтом фоне - ему будет похуй.

>>8315
> все уже нарисовано и придумано
В 90х появились ЖЁЛТЫЕ САЙТЫ
В 2000х мкрпл
В 2010х разные шумы
Так что новое появляется постоянно

Вот допустим мне нужен стандартный новостной сайт. Есть разделы, есть теги (а значит должно быть и облако тегов). Хочу сделать на главной — как на хабре — последние новости и постраничный их обзор. По тематике сайта, сайт должен быть в бело-оранжевых тонах.
С чего мне начать? Единственное, что мне идёт в голову, это стандартный

ХИДЕР-ХИДЕР-ХИДЕР
ХИДЕР-ХИДЕР-ХИДЕР

 М       КОНТЕНТ-КОНТЕНТ-КОНТЕНТ
 Е       КОНТЕНТ-КОНТЕНТ-КОНТЕНТ
 Н       КОНТЕНТ-КОНТЕНТ-КОНТЕНТ
 Ю       КОНТЕНТ-КОНТЕНТ-КОНТЕНТ
         КОНТЕНТ-КОНТЕНТ-КОНТЕНТ
 ТУ      КОНТЕНТ-КОНТЕНТ-КОНТЕНТ
 ЧА      КОНТЕНТ-КОНТЕНТ-КОНТЕНТ
 ТЕ      КОНТЕНТ-КОНТЕНТ-КОНТЕНТ
 ГОВ
 
 ФУТЕР-ФУТЕР-ФУТЕР

Допустим, с макетом мы разобрались. А что дальше, как подбирать цвета для меню? Каким делать сами меню - с шапкой/без, с тенью/без, с закруглёнными углами/без. Делать ли текст у тегов с тенью, чтобы выглядело будто теги вбиты. Вот как ЭТО вам приходит в голову? Я понять не могу. И хотя комп у меня уже лет 10, но родить нечто больше трёхпанельника/двухпанельника с шапкой я не в силах

начни с цветов отсюда http://kuler.adobe.com/

>>8320
да, я видел эту ссылку в соседнем посте. Меня смущают две вещи
adobe.com и "Kuler requires Adobe Flash Player version 10.0.12 or higher"

а тебе то че до адоби и плеера. скопируй наиболее гамроничные цвета да и все прямо с экрана

Чувство стиля и красоты, помноженное на базовые знания построения композиции. ВСЁ. Болванка макета зарождается в голове и путём проб и ошибок доводится руками до приемлемого состояния.
Если у тебя нет того самого чувства, бросай это дело ДОХУЯ ВАС БЛЯДЬ ПИДОРАСОВ С КУПЛЕННЫМИ ДИПЛОМАМИ РАЗНООБРАЗНЫХ ХУДОЖЕСТВЕННЫХ АКАДЕМИЙ ОЛОЛО БЛЯДЬ ПА ДИЗАЙНУ ПЕТЁРКА УМЕЮ ВСЁ.

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

Заметил, наше телевидение пиздит\покупает достижения наших же карамельных_и_не_только веб-дизайнеров.

>>8328
>Если у тебя нет того самого чувства
А у тебя есть? Пруф или хуй!

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

>>8332
>>Болванка макета зарождается в голове и путём проб и ошибок доводится руками до приемлемого состояния.
Какой ответ ты желаешь услышать на:
>>Вопрос треда о процессе формирования концепта в бошке.
Тебе рассказать о химических процессах, протекающих в мозге? Что ты хочешь узнать, клоун? Перед тобой возникает задача, чтобы её разрешить, ты включаешь воображение. Сформировав в голове более-менее рабочую концепцию, начинаешь воплощать её в набросках, которые, путём знатного дрочива вот здесь тебе помогут базовые знания, доводишь до совершенства. При отсутствии воображения - гугли-воруй. Менее пафосно = более доступно?

>>8334
А если воображение не включается? Ну вот вообще? Как быть?

>>8347
Не лезь в дизайн.

Сириозли, какой ответ ты хочешь услышать?
Пойти на кладбище в новолуние и закопать планшет девственницы?
Или уебать омский чудо-порошочек и креатив потечет сам собой?

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

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

Не слушай этого >>8348 пидора.

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

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

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

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

>>8347
Ну, если вообще не включается - ищи вдохновение в чужих работах, используй придуманные профессионалами узлы, ИГРАЙ С ЦВЕТАМИ.

>>8350
>>Не слушай уебков, говорящих о вкусе и воображении, главный залог развития - это упорная работа.
Да ты же уёбок! Каким образом ты разработаешь тот же сраный логотип для "Семён'Ко", не имея пресловутого вкуса и воображения? Будешь "копируй хорошие шаблоны, затем пробуй изменять детали и приемы оформления и смотреть, что из этого получается"? Хуита. Предвижу в тебе шаблонного офисного быдлодизайнера на окладе.
Чтобы быть хорошим дизайнером - нужно быть художником с таким-то воображением, ящитаю.

>>8350
Годноту запостил. Рекомендую прислушаться, ОП.

>>8352
Вкус и воображение отсутствует разве что у феерического уебня. Ну и у тебя, конечно, его, возможно, тоже нет. Тем не менее этоти скиллы можно и нужно развивать.

Да и чтобы быть хорошим дизайнером, далеко не обязательно быть хорошим художником. Не будь таким критичным мерзким мудаком, бро.

>>8365

>>8365
Нет, не могу, бля, удержаться и закончить простым окау.
>>Вкус и воображение отсутствует разве что у феерического уебня.
Ты сферический глухонемой наркоман, если действительно так считаешь. Осмотрись вокруг, ёбтвоюмать! Именно товарищи, не имеющие вкуса и воображения, не могущие подобрать галстук к носкам, но умеющие в заработать деньги, являются нескончаемым хлебом всей несметной дизайнерской пиздобратии всех мастей.
>>Ну и у тебя, конечно, его, возможно, тоже нет.
Со своими домыслами проследуйте нахуй, невежа.
>>чтобы быть хорошим дизайнером, далеко не обязательно быть хорошим художником.
А вот здесь готов подискутировать.

>>8367
1. Ронгваи. Я же не говорил, что у каждого первого уебыша хороший вкус и воображение. Оно хорошее у тех, кто не ленится его развивать. Уверен, если они захотят, то 95% смогу прокачать этот скилл. Это я написал к тому, что при наличии упорного трудолюбия можно сделать из себя человека.
2. Скип.
3. Тут все зависит от того, как воспринимать понятие художник - как человека, создающего образы с помощью кисти и холста или в более широком смысле.

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

ОП прочитал все посты и принял к сведению

>>8352 >>8367
Ты чего злой такой? Двойку поставили? Мат через мат

<======== Вот вам ещё один пример годноты (на мой вкус)
Это кнопки с Google+ (да-да, я обмазываюсь спермой Брина и дрочу на Пейджа)
CSS такой кнопки состоит из двух строк: градиента и бордюра.
Вот коды (в цветовой модели HSV) кнопок:<code>Синяя:
Первый 217 70 100
Второй 217 70 93
Бордюр 217 80 93</code><code>Серая:
Первый 0 0 96
Второй 0 0 95
Бордюр 0 0 90</code><code>Зелёная:
Первый 95 100 58
Второй 95 100 54
Бордюр 111 72 41</code>Как мы видим, у всех трёх кнопок первый цвето от второго отличается только выкрученным вниз V (то есть второй цвет тупо темнее). У синей и серой кнопки Hue-составляющая бордюра равна градиенту (что логично, ведь бордюр должен быть того же оттенка). Если посмотреть на коды, то видно, что у синей и зелёной кнопок V-составляющая второго цвета градиента это V первого цвета -7%. Почему именно семь процентов? Это что, какая-то формула? Или дизайнер Гугла захотел сделать их в одном стиле?
И меня смущает зелёная кнопка сама по себе. У неё V слишком низкое. По-моему, цвета, где V ниже 90 — очень грязные и давят на глаза, это цвета болота и несвежего говна. Поэтому для меня и сама кнопка выглядит хуже остальных двух

>>8381
> <code>
Лол, я соснул

>>8374
Вот тут совершенно с тобой согласен

ОП а вот ты попытайся сначала сделать шаблон сайта в фотошопе. А потом распили это все на слои и конвертируй в хтмл. все ту начинали с быдло кодинга и быдло дизайна. когда то я пилил сайты в notepad и думал что тру, а потом зашёл на http://dribbble.com/ и стал пытаться повторить некоторые работы. понял что одним CSS дело там не обходится и включил фотошоп. вот тут то и произошло "прозрение" если это так можно назвать.

> а вот ты попытайся сначала сделать шаблон сайта в фотошопе
Так все так и делают. Само собой, я тоже. Только вместо нотепада Гимп. Ололо, я швабодная блядь

>>8390
>вместо нотепада Гимп

Чиивоо?

>>8392
*вместо фотошопа

>>8390 Inkscape, педрила! Только упорки делают это в растровом редакторе.

>>8395
зойчем векторный редактор на шаблонах, растянутых на максимум 24" диагональ?

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

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

Например.
Куда поставить менюшку? Когда у телевизоров еще не было пультов все управляторы для него (вкл, выкл, каналы, и другие настройки были расположены справа от экрана), логично было бы сделать аналогично для сайтов, но для сайтов исторически начали хуярить менюшку слева. Вот и се - менюшка слева. Аналогично про логотип. Как ставить тенюшку? Привылки ведь все видель кнопки выпуклыми, а классифицированные штуки в ячейках/полках/коробочках вот и нашлось применение тенюшки.

Кароч, есть правила. Ну например правило: высота строки = размер шрифта х 140%. Пока не нашел книг с высокой концентрацией правил, т.к. везде 1 правило на 40 страниц, либо, что еще хуже, одна вода.

>>8402 Для создания макета, дебил. Это просто удобнее, конечно, если это не промо-одностраничник, состоящий на 80% из коллажей.

>>8409
> имел какую-то эстетику
Именно! Дизайн должен быть красивым. А значит эстетичным
> есть правила
Да, и вот найти бы их список. Ну, я знаю, что цвета должны быть светлыми, а не яркими (а то будут бить по глазам). Знаю, там, про пропорцию 2:1 (и что золотое сечение для большинства людей кажется слишком вытянутым). Знаю ещё копейки всякой шняги, но не по правилам же все дизайны пилить с нуля и до конца пилить
>>8410
На моей бывшей работе все дизайнеры пользовались растровыми редакторами. У меня от вас БЕЗЬЕ


Вот кнопки 88x31. На всех градиент, но все кнопки разные. Какая, на ваш вкус, лучшая (для светлого сайта, для тёмного сайта, для серого сайта и т.д.)?

>>8422
Я даже, пожалуй, уменьшу кол-во

>>8422>>8423
Я, пожалуй, даже вот так сделаю: потратьте одну-две минуты и проголосуйте на http://kanaria.ru/design/vote.php?r=de

Проставьте цвета от худшего до лучшего

>>8395
Ты заебал хамить и впихивать всем Inkscape, я уверен, это ты, как минимум уже в трёх постах Inkscape советуешь. Это очень отличная программа, сам её использую во все поля, но это блять не панацея, гранжевый дизайн - хуй ты в векторе замутишь, будет слишком стерильно, и во многих других случаях, одним вектором не обойтись. Надо для разных задач, использовать соответствующие инструменты.

>>8426
Только растр, только содомия, только хардкор

>>8428
>Надо для разных задач, использовать соответствующие инструменты.

Опять же, нахуя эти рамки, только то или только это. Лого тоже в ратсре сдавать будешь?

>>8436
Мммм, лого нет. Лого наш дизайнер сделал в векторе. А потом тех.директор, мать его так, перегнал в растр с разрешением 5000x4000

>>8444
>А потом тех.директор перегнал в растр с разрешением 5000x4000

>>8426
Мои посты:
>>8395>>8410
>Ты заебал хамить и впихивать всем Inkscape
Я советовал его петушку, который бы попытался делать макеты в GIMP, потом бы все здесь залил анальной кровью. Ну хорошо, не буду больше советовать ничего.

Алсоу, растр прекрасно встраивается, можешь потом менять его сколько душе угодно.
>гранжевый дизайн
ЕБАНЫЙ СТЫД!

>>8446
Да-да-да, я потом именно с этим лицом поаплодировал ему стоя
>>8448
А я уже делал шаблоны в Гимпе. Зачем в вектор перегонять шаблон, где разрешение ФИКСИРОВАННОЕ? Ну, если резиновый дизайн, всё равно смены немного

>>8449
>А я уже делал шаблоны в Гимпе.
Пиздец. Да, я работаю в GIMP с растром, но на макет сайта там уйдет в 3 раза больше времени.

>Зачем в вектор перегонять шаблон, где разрешение ФИКСИРОВАННОЕ? Ну, если резиновый дизайн, всё равно смены немного
Мы говорим на разных языках. Какое значение имеет разрешение? Тебе нужно сделать макет, картинку того, как должна выглядеть страница сайта.
Векторный редактор (многие вообще используют для ДИЗАЙНА САЙТОВ программы для верстки) удобнее в принципе, когда нужно:
1. перемещать объекты;
2. масштабировать блоки (например, с закругленными углами) и изображения (без потери качества при уменьшении);
3. работать с текстом;
4. копировать и вставлять стили, как текстовые, так и графические (в Inkscape это цвета и фильтры).

>>8451
> картинку того, как должна выглядеть страница сайта
Да, и зачем здесь вектор?

>>8452 Это такое трололо, или ты реально дебил? Повторюсь: с ним удобнее работать, можно легко экспортировать в растр любой объект.

>>8453
Пытался осилить Инкскейп. Кажется, он осилил меня. Возможно, слишком сложно для моих крошечных мозгов. Гимп мне удобнее

>>8455
Сложно в это поверить, по-моему, там можно работать вообще без особой подготовки, там все интуитивно.
Вот мануал годный:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/
Поизучай, потрать время, чтобы потом его экономить.

>>8451
Двачую, этот сударь дело говорит. Именно, растяжение и перемещение блоков, закруглённые углы - всё это проще в векторе. Я сам, совсем недавно, стал так делать. Попиксельный скелет в векторе, потом довожу мелочи в жабе. По ощущению, работа с вектором добавила точности и опрятности макету, в Inkscape удобно сетку настраивать, подгонять красиво кернинг. Так что вектор+растер - это есть хорошо. Надо уметь совмещать и выбирать инструменты под работу.

>>8455
Да, мне тоже это странно, у Inkscape охуенный воркфлоу, освоил быстро, практически без мануалов.

Как вы считаете, должен ли профессиональный html-верстальшик:

[ ] Владеть законами композиции в художественном произведении?
[ ] Знать термины Антиква, Гротеск, а также особенности курсивного начертания шрифта?
[ ] Понимать основы психологического восприятия цветов и принцип «цветового круга»?
http://habrahabr.ru/blogs/web_design/128649/#comment_4255373

Двач, с чего лучше начать изучение этой годной программы. Посоветуй книг, или видео -материалов, или сайты. Где есть подробно, от начала и до конца.
Я находил видео уроки и сайты, но там ЕБАННЫЙ ПИЗДЕЦ НАХУЙ ТАКЖИТЬ уроки ( как прикрепить голову Джони Депа к Йоде, и как вставить жирную тетку на фонке титаника) .
Хотелось бы адекватного курса, где есть нужные вещи. Меня интересует обработка фотографий для рекламы, создание баннеров для сайтов, нормальная работа с программой этой, а не хуита для быдла ( ОЛОЛО Я НА ФОНЕ КОВРА) .Спасибо

>>8521
Попробуй поискать уроки на демиарте.

А вообще, нахуя тебе этот дизайн? Хули тебе не нравится работа в макдэ, например?

>>8523
Каком таком макде? Я не оп, я мимокрокодил.

ап

Богодизайнеры, взываю к вам, есть ли в Гимпе/Инкскейпе аналог Фотожопного Filter -> Noise -> Add noise ?
На картинке на кнопку наложен именно этот шум

>>8575
http://webum.by/blog/gimp/2011/04/shumovaya-tekstura-v-gimp.html

ап

Я пьяный в говно, но попробую растолковать.
Проще и правильнее работать от задачи. Т.е. Если тебе надо продать рукавицы, то вполне логично будет сначала разобраться с тем, что поможет их продать. Допустим это фото, описание (размер, материал и прочая нужная покупателю инфа) и разумеется то, что приведет к покупке - кнопка "Купить".

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

Ок, все круто, с задачей ты справился. Но, все как-то блекло, уныло, и текст вообще никуя не хочется читать, а кнопка так вообще пиздец. Тут нужно начать думать над тем, как бы заставить все это радовать глаз. Добиваешься за счет фона и еще каких-нибудь средств того, что бы рукавицы выглядели сногсшибательно - за счет фона добиваешься хорошего контраста, хуячишь снежинки (пиздатые только делай, изучи trapcode particular в after effects, блеать), еще там что-нибудь что будет работать на фото.

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

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

Все, я устал писать.

Вот глянь урок http://techdesigner.ru/blogs/post-6148/ начинать все делать черно белым довольно удобно, ну и с заказчиками обсуждать тоже ок, т.к. минимум правок в будущем.

Касательно художественных хуевин, тут все просто - эксперементируй. Т.е. сделай 10 минюшек разных, но с одинаковыми пунктами, сделай 10 вариантов с блоком новости. Ну и смотри разумеется как делают другие пиздатые дизайнеры, на первых парах это пригодится очень сильно. Цвета не редко задаются фирменным стилем или хотя бы логотипом заказчика. Психология цвета (красный - агрессия, черный - смерть) не нужна, это вообще хуета сраная и голову никогда этим не забивай. Нужен молодежный сайт делай его ярким, заказчик продает алмазы, то никакой радуги не надо.

Ап

>>8719
Просто пушка

Апну-ка я

Треду уже месяц. В честь этого ап

Ну же, аноны, я знаю, что вам что ещё добавить

>>8719
Люто, бешено двачую этого анона!
Сам как раз хотел что-то подобное написать. Работай от задачи — да. Всегда знай для кого сайт. Никогда не пытайся сделать «дизайн ради дизайна», всегда включай голову. Сначала смысл, потом эстетика. Форма содержание определять не должна.
Умей объяснять заказчику, что детали совершенствуются постепенно, и где сейчас серый прямоугольник будет няшная кнопка.
Работая над деталями не забывай об общем плане. Но деталям всегда уделяй больше внимания.
Типографика, правила русского языка.

Все что я сказал применительно не только к веб-дизайну.

>>9319
>больше — большое
извините

Поднимем

>>9319

почему то словосочетание "няшная кнопка" вызывает лишь негативные образы huge shadow-bevel стайла :)

>>9754
мкрпл-стайл?

Поднимем

Ещё ап

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

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

>>10856
То есть вы нашару тыкаете линии, а потом "удаляете ненужное"?

>>10858
Не верь этой хуйне, брат с голоду умрет.

Как в инкскейпе вертикальную линейку нормально повернуть? Чтоб отсчёт шёл сверху вниз? И почему размер документа нихрена не меняется у меня?

>>11328
*не меняется вручную, попиксельно.

>>11329
Блять, а ещё клавиатура отваливается. Комбинации не работают. ЧЯДНТ?

>>11328
>Как в инкскейпе вертикальную линейку нормально повернуть? Чтоб отсчёт шёл сверху вниз?
NEEKAQUE
>И почему размер документа нихрена не меняется у меня?
УМВР

как вам диз?

>>11340
малаца. прям лебедев.

>>11341
что за лебедев?

>>11344
Это так принято, если дизайн хороший, то можно похвалить работу и сказать что автор — Лебедев. Откуда это пошло, никто не знает и не помнит, но до сих пор это остается наивысшей словесной формой оценки дизайна.

Все очень красиво у тебя, явно есть вкус и идея, приятные цвета. Лебедев, никак не иначе!

>>11345
Ну тогда я продолжу:3

Ап

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

>>12061
>Смотрим целевую аудиторию
меня всегда интересовало, что подразумевается под ЦА, как эту информацию использовать. чем, блять, сайт с ЦА 18-30 отличается от 25-40, что блять писать желтым на красном или юзабилити в жопу слать?. абзацы ТЗ про это я бегло читаю и если замечаю ряд на подобии подростки,женьщины,крупные предприниматели то забываю о нем как о страшном сне.

>>12125
НИТАКОЙКАКВСЕ в треде, все в фотошоп.

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

>>12129

Эй, бро, можешь кинуть ссылку на статью где есть конкретные советы, что надо учитывать в дизайне при разных ЦА?!
Сколько не читаю блоги/статьи, ничего годного так и не нашел по ЦА кроме советов как делать сайты для детей

>>12129
я не утверждаю что она нахуй не впилась, я говорю про то что я нихуя не понимаю данный пункт в тз.

бамп

>>12151
Блять, если ты делаешь сайт для пятилетних девочек, то, наверное, он будет отличаться от сайта сорока летних мужиков.

>>12415
епт, конечно. но чем блять ЦА 18-25 отличается от 25-35, блядж.
тащемта реквестирую мануалы про то как пользоватся данными про ЦА.

>>12415
Эта картинка подойдёт для всех

Утренний бамп

бамп же!

учитесь чуханы: http://www.bestwebsite.ca/

бамп

>>8381

>цвета, где V ниже 90 — очень грязные и давят на глаза, это цвета болота и несвежего говна

нахуй из профессии, решительно, быстро!

>>13604
Ну-ка покажи мне цвета, которые отрицают мои слова

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

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

>>13616
>К примеру, отступ меньше 10 пикселей между блоками - уебанство, но я заебусь тебе объяснять почему.

Няша, объясни пожалуйста.

>>13616
И что я тут вижу?
1. Жуткое тёмно-зелёное говно, которое клонит ко сну
2. КРАСНОЕ НА ЗЕЛЁНОМ. ВЫ, ЧТО, СОВСЕМ ТУПЫЕ?!

> забыть про вебсейф палитру
Я и не собирался о ней вспоминать. Сейчас любой Samsung S Galaxy может в нормальную цветопередачу.

> отступ меньше 10 пикселей между блоками
Согласен

>>13621
Слишком маленький зазор, элементы сливаются. 10 пикселей это ниже высоты текста на любом читаемом кегле. Другими словами: туда даже буква не пролезет

ОП/>>13605-кун

>>13622
>КРАСНОЕ НА ЗЕЛЁНОМ
Еще один мудак со стереотипами.
мимохудожник

>>13622
<-ОП

>>13623
Это не стереотипы. Это лично моё мнение, базирующееся на работе глаз как части тела человека. Красный и зелёный это антогонисты

>>13624
Пофиксил, бро, не благодари

>>13630
>Красный и зелёный это антогонисты

>>13630
>Красный и зелёный это антогонисты
а еще красный и желтый друзья, и оба хотят выебать зеленый
лицопальма

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

>>13630
>базирующееся на работе глаз как части тела человека
Может тебе к окулисту сходить, не?
Вообще, я подозреваю, что ты родом из совка, тогда было широко распространено это мнение.

>>13657
На пике должен быть мужик в очках, у которого обе ладони прислонены ко лбу, и он сам в ахуе, что ли, но у меня нет такой картинки. Доставьте кто-нибудь, пожалуйста.

>>13657
Знаешь, например, желтый текст на синем фоне смотрелся бы не менее уебищно.

>>13659
>желтый текст на синем фоне смотрелся бы не менее уебищно.
Как же вы, обмудки, заебали.

>>13659

>>13659

Ну и про несочетаемость красного с зеленым, я смотрю, уже говном накормили.

>>13666

>>13669
Но если ты долбаеб, который не может в оттенки, контраст и насыщенность, то да, тебе лучше за красный с зеленым не браться.

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

>>13672

>долбоеб

слоуфикс

>>13674>>13664>>13663>>13662
вот почему стилистика HTML-5 дизайна такая... уёбищная сухая

>>13676
Ты прав бро, довай изменим мир к лучшему.

>>13669 самая лучшая пикча

>>13676
Не получилось обосрать цветосочетания, переведем внимание на стилистику?

алсо последняя ссылка на >>13662

>стилистика HTML-5 дизайна
>принт
>стилистика HTML-5 дизайна
>принт

u mad?

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

Самого меня бесит сочетание красный и синий. ВОт здесь полная нагрузка на глаза.

>>13684 убейся нахуй с таким дизайном. иди блять в дворники

>>13689
Нет, не пойду. Я переселюсь в твой город у буду ебашить все баннеры в такой колористике.

>>13686

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

>>13672

два чаю. заебали своей убогой яркостью и кукареканьем о несочетаемости.

>>13680
Ты дуру не гони, там у тебя не чистые цвета, а оттенки да еще и с градиентами, а тут >>13662 где желтый вообще?

>>13694

так тебе вроде сказали уже
> Но если ты долбаеб, который не может в оттенки, контраст и насыщенность, то да, тебе лучше за красный с зеленым не браться.

>>13651
> родом из совка
Да. А вы, батенька, родились уже при России. :trollface:

>>13651
говно
>>13666
говно
>>13669
говно
>>13672
поблевал говном
>>13684
кровавым поносом
Спасибо, вы подтвердили правильность моих тезисов.

>>13686
> выставлял фотографии красный ягод/клубники
Бррр. Мне всегда не нравилось как выглядят поля клубники и томатов. Моя бабушка очень много растила, и я всё детство их видел.


Мне даже не лень сейчас будет сделать одну табличку

ОП

Вот вам ЙОБА-таблица сравнения оттенков. H каждые 30; S=30; V=100

>>13704
>родились уже при России
Да нет, в том же совке, и в изобразительном кружке, куда я ходил, тупая студентка кукарекала о несочетаемости красного и зеленого не приводя при этом никаких вразумительных аргументов. Ты это не она, случаем?

>>13706
Петя, я так и знала, что ты стал двачером. А ведь ты мне обещал, что не будешь знаться с дурными ребятами

>>13705

>H каждые 30; S=30; V=100
и что доказывает эта моча, съевшая говно? Что ты обосравшийся долбоеб?

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

>>13708
Я могу подбирать пары и по твоим критериям. Чего твоей душеньке угодно, милок?

>>13708
>покажи мне сайты, сделанные только из чистых цветов
http://ya.ru/

>>13709
И хуле мне делать с этими мочепарами? Залупой в монитор по ним тыкать?

>>13710
>чистые первичные цвета
>белый цвет
Надеюсь, это оп подсеменивает, иначе уебков полон тред.

>>13713
> хуле мне делать с этими мочепарами?
Посмотри на таблицу. Теперь посмотри какие цвета друг с другом сочетаются

> Надеюсь
Не надейся, это не R

>Посмотри на таблицу. Теперь посмотри какие цвета друг с другом сочетаются
Еще лет 10, и оп-долбоеб изобретет наконец цветовое колесо. А там уже и до комплементарности недалеко.

>>13713
>белый цвет
>ko-ko-ko

>>13680
я не оп, и ты не думал что стилисттика(любая) может выходить за пределы одной сферы?

>>13708
не_уверен_троль_или_дурак.пнг
>чистые цвета
если ты про #00ff00 #ff0000 етц, то ты просто кусок идиота.
что тебе мешает юзать не юзать чистые цвета, а ползоваться оттенками? Алсо кто бы что не говорил, но красный отбирает на себя слишком много внимания, что вкупе с спокойным зеленым цветом может быть вполне кошерно, если конечно не переборщить с контрастом. если проебать оттенки и сделать контраст "чистыми цветами" то естесственно получится вырвиглаз. как и синим по желтому, и красным по фиолетовому, и розовым по белому, белым по жетому список можно продолжать до бесконечности.

>>13720
Два чаю.

>>13720
> розовым по белому

>>13723
>проебать оттенки

>>13724
Ещё лучше же получилось!

>>13720
>что тебе мешает юзать не юзать чистые цвета, а ползоваться оттенками?
Я-то ими как раз пользуюсь, а оп петушится и кукарекает про чистые цвета, лепит таблички и считает, что H каждые 30; S=30; V=100 помогут ему подобрать идеальные сочетания.

>13723 >13724
Начали с веб-дизайна, кончили кроссовками. Аргументы уровня /де/, ага.

>>13729
> петушится и кукарекает про чистые цвета
Ты полуёбок что ли? Если S=30 это чистый цвет, покажи мне грязный цвет. Я то как раз пользуюсь оттенками

> Начали с веб-дизайна
http://www.dejurka.ru/web-design/cool-pink-design/

>>13731
>Ты полуёбок что ли? Если S=30 это чистый цвет, покажи мне грязный цвет. Я то как раз пользуюсь оттенками
Полуебок, ты совсем поехавший? Тут же все ходы записаны.
Дали варианты сочетамых красного и зеленого, на что идиот закукарекал:

>Ты дуру не гони, там у тебя не чистые цвета, а оттенки да еще и с градиентами

>http://www.dejurka.ru/web-design/cool-pink-design/
И что это говно мамонта из 2008 года доказывает?

>>13708
По этой таблице достаточно хорошо видно какие оттенки сочетаются. И не надо кудахтать

КРАСНЫЙ С ЗЕЛЁНЫМ И СИНИЙ С ЖЁЛТЫМ ВООБЩЕ НЕ СОЧЕТАЕТСЯ)))

Посоны, красный с зеленым - это же арбуз! Арбуз - это же охуенно!

Алсо: какой-то ебучий скульптор, на вопрос вроде оп-поста ответил так - я просто беру камень и обрезаю всё не нужное.

>>13756
Подь сюды

бамп

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

>>14236
Все синее, бладж. Градиен бэкрауда из девяностых. Не понятно что ты читал, куча нубоошибок. Немного теории в кратце: есть исходники (элементы сайта графические бэкграунд, иконки, кнопки, граф. элементы и т.д), а есть компоновка. Так вот, фейл в ихсодниках или же в компановке, испортит впечатление от сайта.

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

Удалось только меню. И только ему действительно подходит окантовка. В остальных блоках она лишне заостряет внимание.

Советую скачать курс Паясу о создании промо сайтов, хоть он и заточен только под них, там все же есть полезная базовая информация для ньюфагов. Ещё ссылка для ознакомления — http://habrahabr.ru/blogs/design/114943/
 

>>14236

гоу на dribbble.com, behance.net и ВПИТЫВАЙ ВПИТЫВАЙ ВПИТЫВАЙ.
Не знаю как читая статьи ты можешь научттся делать красиво. возможно, удобно, функционально...

>>14236
Слишком синего много.
Не можешь подобрать цвет, адоб тебе в помощь
http://kuler.adobe.com/

>>14268
Не можешь подобрать цвет-адоб тебе в помощь
*быстрофикс

бамп

>>13647

СВЕТЛОПЕТУХ закукарекал.

бамп

ещё раз бамп

>>13675 Минус такого десигна: в него нельзя вставлять фоточки, скриншотики и текст. Начал рисовать-писать от руки - изволь делать это до конца

>>14268 Как с его помощью подобрать цвет? Найти самый популярный сет и захуярить его на сайт, лол?

>>15015
>http://www.denisechandler.com/
Вставили скриншоты и никто не умер. Как портфельный сайт — ок, никаких минусов.

>>15016
Держи, болезный.
http://kuler.adobe.com/#create/fromacolor
А если ты не понимаешь, что делать дальше, или не знаешь, как пользоваться готовой палитрой, возможно, стоит подумать о смене профильной деятельности.

Бамп

Бамп же!

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

бамп

>>16086
бамп !

>>8311
>Откуда вы знаете, что эту менюшку нужно поставить здесь, эту здесь, и они будут выглядеть именно так, что здесь нужен HSV-шум, здесь мкрпл, здесь тень на 2px 2px, а здесь подсветка текста?
Дурачок, ведь это же и есть дезаен.

>>17044
Ну вот и как вы до него докуриваете?

бампем

>>17143

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

И не обязательно останавливаться на дизайне. Меня со временем стала интересовать архитектура и искусство в целом.

Со временем разовьётся вкус и скилы, главное не останавливаться, сегодня можно сделать лучше чем ты мог вчера.

bump же

ещё бамп же

И ещё бамп. Хотя мочерапторы и растеряли большую часть картинок

попробуем поднять

и в последний раз пробуем поднять

Один из самых древних тредов в /de/!

>>8365
>точно, многие известные западные дизайнеры (ну пусть оне как правило охуенные художнеки), не обламываются, годами собирают клипарт, причем, порой, из абсолютно немыслимых источнеков... сканят, подшивают, потом много лет спястя заюзают в каком нить прожекте. вопщем, всё приходит с опытом, бро. ты, главное, не сдавайся, а - работай. под лежачий планшет вода не тичот. читай, анализируй, общайся с коллегами и все придёт.

>>19617
Спасибо, братюнь

>>8422
мудак упоротый. Дизайн должен работать. Дизайн по определению маркетинговый. Пиздуй нахуй из профессии.

бамп