[quote="golovastick "]Я бы посоветовал поторчать на dribbble.com для понимания западного качества в мелочах. По тем интерфейсам, что там попадает в топы, становится хорошо понятно, как можно запариваться над каждой кнопочкой. В целом, лично я с ревьюверами согласен[/quote]
Очень содержательный и конкретный комментарий, спасибо. [сарказм]
❞
сочувствую вам))
Ничего страшного - прорвемся.
❞
Возможно в комментариях по поводу свободного пространства и отступов имелось ввиду соотношение свободного пространства по горизонтали и по вертикали
Это одна из вещей, которые есть в моем todo-list'е - изменить вертикальный отступ между блоками, сделав его равным горизонтальному.
В процессе работы пробовал - остановился на нынешнем варианте, но есть смысл попробовать и так.
❞
Насчет графики — мне кажется достаточно сделать легкий акцент на шапке (допустим сделать ее с маленькой тенью, или еще как-то) и им уже не покажется "серо и плоско") То же самое насчет остальных блоков.
Это я планирую реализовать несколько другим способом - есть отдельный файл, в котором хранятся все стили панелей и фоны. В отрисованном на скриншотах варианте используется один стиль - закругленные углы, нет теней, светло-серый фон. В упомянутом файле стилей больше - есть и тени от панелей (четкие / размытые), и другая форма самих панелей, и разные фоны (в т.ч. с фото и псевдофото).
Хочется сделать дизайн максимально customizable для покупателей - именно поэтому идея с отдельным файлом со стилями кажется наиболее удачной.
В целом - мысли сошлись. Спасибо. С нетерпением жду еще комментариев.
Отличные иконки, шикарный стиль.
Одно но. Та иконка, где три зубчатых колеса. Понимаю, что это распространенный образ, но работать эта конструкция не будет :)
Недостаточно контрастно
Последний вариант лучше - но хочется еще контрастности. И отличий в цветовом оформлении панелек и дропдаунов, чтобы не сливались.
Если следовать логике ссылок в футере тех.дизайнера, то вверху темным цветом у нас идут названия блоков, а ниже ссылки к этим заголовкам, правда? Но нет же. Здесь все слова - это ссылки. И выясняешь это, только возюкая мышкой по словам
Это жесть, я согласен.
❞
Да как хотите делайте. Блин, такое ощущение, что на техдизе, все только и ожидают комментариев: "ах,как прекрасно ваше творение". А если кто-то делает замечание, которое противоречит мыслям ТС, то надо еще 10 раз его обосновать. Проще было молча пройти мимо, в следующий раз буду умней =)
Ну, справедливости ради, обснованное мнение имеет гораздо большую ценность, чем безаппеляционно высказанная имха :)
Вот вы сейчас приводите аргументы - и я с вами соглашаюсь, что реализация у некоторых больших брендов отвратительная. Есть ведь позитивный результат у нашего диалога, верно?
Смотрится хорошо.
Есть ряд комментариев на уровне "имхо":
1. Подложка под кнопками лишняя - без нее на однородном темном фоне смотрелось бы аккуратнее.
2. А кнопки вообще тут нужны? Почему бы не ссылки?
3. Если иллюстрация отражает то, что описано и текстом на странице, мне нравится реализация, когда текстовые блоки "висят" неподалеку от описываемого места, а от них к той или иной части иллюстрации идет линия (стрелочка)
Все же опишу логику подчеркивания ссылок на данном макете.
Считаю, что в ситуации, когда оба варианта оформления ссылок предпочтительны в равной степени, ссылки стоит подчеркивать.
У каждого варианта есть плюсы и минусы. Синие подчеркнутые ссылки выглядят привычнее. Но подчеркивание действительно, как отметил basov, утяжеляет дизайн.
Заголовки публикаций
Сайт ориентирован не только на русскоязычную аудиторию, но и на западную. В дизайне приходилось учитывать тенденции в обоих направлениях дизайна. Когда передо мной встал вопрос, подчеркивать ли название публикации, я прошелся по западным блогам, посвященным дизайну. Ответ появился сам собой - большая часть западных сайтов не подчеркивает название публикации. В принципе, это оправдано - пользователи, которые пользовались блогами хоть раз, уже знают: название публикации кликабельно.
К тому же, на макете эта ссылка выделена цветом.
Меню
С позиции дизайнера мое мнение однозначно: ссылки в горизонтальном меню подчеркиваются только тогда, когда
а) фон под ними - такой же, как и под основным контентом страницы
в) цвет ссылок такой же, как и в основной части страницы.
Т.е., однозначно подчеркивать ссылки в меню я стал бы только в том случае, если бы они были расположены на светло-сером фоне и были синими.
В противном случае (как у нас - отдельный фон, белый текст) это не нужно.
Футер
Футер оформлен аналогично меню - такой же фон, такой же цвет ссылок. Не подчеркнуть сверху и подчеркнуть снизу в данном случае нельзя - нарушим единство стиля.
Единственный косяк - копирайт должен быть темнее. Об этом уже писал, признаю, посыпаю голову пеплом.
Относительно футера в целом. На западных сайтах можно повсеместно увидеть такую картину: оформление футера стилистически отличается от остального контента сайта. Цвет, размер, стиль ссылок уникальны. Футер - самостоятельный элемент.
Поэтому, работая над сайтом, аудитория которого может быть западной, вполне допустимо и даже желательн ориентироваться не только на собственный опыт и знания о юзабилити, но и на тенденции в дизайне западных сайтов.
skonik, скажите, а футер сайта techdesigner.ru, в котором ссылки не подчеркнуты, вам понятен?
В моем случае было ошибкой сделать текст с копирайтом таким же ярко-белым, как и ссылки. Это косяк, я признаю.
Госпиталь из первого Hitman'а? :)
[quote="golovastick "]Я бы посоветовал поторчать на dribbble.com для понимания западного качества в мелочах. По тем интерфейсам, что там попадает в топы, становится хорошо понятно, как можно запариваться над каждой кнопочкой. В целом, лично я с ревьюверами согласен[/quote] Очень содержательный и конкретный комментарий, спасибо. [сарказм]
Отличные иконки, шикарный стиль. Одно но. Та иконка, где три зубчатых колеса. Понимаю, что это распространенный образ, но работать эта конструкция не будет :)
Недостаточно контрастно Последний вариант лучше - но хочется еще контрастности. И отличий в цветовом оформлении панелек и дропдаунов, чтобы не сливались.
Массаж НТ :)
Смотрится хорошо. Есть ряд комментариев на уровне "имхо": 1. Подложка под кнопками лишняя - без нее на однородном темном фоне смотрелось бы аккуратнее. 2. А кнопки вообще тут нужны? Почему бы не ссылки? 3. Если иллюстрация отражает то, что описано и текстом на странице, мне нравится реализация, когда текстовые блоки "висят" неподалеку от описываемого места, а от них к той или иной части иллюстрации идет линия (стрелочка)
Все же опишу логику подчеркивания ссылок на данном макете. Считаю, что в ситуации, когда оба варианта оформления ссылок предпочтительны в равной степени, ссылки стоит подчеркивать. У каждого варианта есть плюсы и минусы. Синие подчеркнутые ссылки выглядят привычнее. Но подчеркивание действительно, как отметил basov, утяжеляет дизайн. Заголовки публикаций Сайт ориентирован не только на русскоязычную аудиторию, но и на западную. В дизайне приходилось учитывать тенденции в обоих направлениях дизайна. Когда передо мной встал вопрос, подчеркивать ли название публикации, я прошелся по западным блогам, посвященным дизайну. Ответ появился сам собой - большая часть западных сайтов не подчеркивает название публикации. В принципе, это оправдано - пользователи, которые пользовались блогами хоть раз, уже знают: название публикации кликабельно. К тому же, на макете эта ссылка выделена цветом. Меню С позиции дизайнера мое мнение однозначно: ссылки в горизонтальном меню подчеркиваются только тогда, когда а) фон под ними - такой же, как и под основным контентом страницы в) цвет ссылок такой же, как и в основной части страницы. Т.е., однозначно подчеркивать ссылки в меню я стал бы только в том случае, если бы они были расположены на светло-сером фоне и были синими. В противном случае (как у нас - отдельный фон, белый текст) это не нужно. Футер Футер оформлен аналогично меню - такой же фон, такой же цвет ссылок. Не подчеркнуть сверху и подчеркнуть снизу в данном случае нельзя - нарушим единство стиля. Единственный косяк - копирайт должен быть темнее. Об этом уже писал, признаю, посыпаю голову пеплом. Относительно футера в целом. На западных сайтах можно повсеместно увидеть такую картину: оформление футера стилистически отличается от остального контента сайта. Цвет, размер, стиль ссылок уникальны. Футер - самостоятельный элемент. Поэтому, работая над сайтом, аудитория которого может быть западной, вполне допустимо и даже желательн ориентироваться не только на собственный опыт и знания о юзабилити, но и на тенденции в дизайне западных сайтов.
skonik, скажите, а футер сайта techdesigner.ru, в котором ссылки не подчеркнуты, вам понятен? В моем случае было ошибкой сделать текст с копирайтом таким же ярко-белым, как и ссылки. Это косяк, я признаю.