Дизайн сайта - нужна ваша помощь

Главные вкладки

Аватар пользователя tamima tamima 11 февраля 2012 в 5:06

С подругой дизайнером вот уже как год пытаемся нарисовать эскиз дизайна для нашего портала о медитации.

Но все еще многим недовольны, хотя уже намного ближе к истине...

Прикрепляю наш эскиз - и для сравнения еще один для того же сайта.

Очень нужны ваши конструктивные комментарии и замечания

ВложениеРазмер
Иконка изображения oshoru_rab_10a.jpg571.68 КБ
Иконка изображения osho_sayt_glavnaya2.jpg311.32 КБ

Комментарии

Аватар пользователя Chyvakoff Chyvakoff 11 февраля 2012 в 11:39

Вы рисовали 2 картинки год? А сайт вы сколько будете делать,пятилетку?

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

Аватар пользователя boneg boneg 11 февраля 2012 в 11:51

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

Аватар пользователя tamima tamima 11 февраля 2012 в 12:03

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

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

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

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

Аватар пользователя boneg boneg 11 февраля 2012 в 12:28

Если дизайнер не может понять чего вы от него хотите - может вы не совсем детально объясняете. Сделайте хорошую схему сайта по вашему желанию с помощью сервиса cacoo.com
Отдайте дизайнеру, тогда ему станет все понятно и наглядно из чего рисовать.
И не нужно пытаться забивать х.. на стандарты. Если ваш сайт ориентирован на то, что его будут в основном читать (а не играть в игры и прокручивать панорамы) - пусть будет черный/почти черный текст на белом фоне, не надо мудрить с страшными текстурами на фоне и чайками. Дайте пользователю то, к чему он привык. Сайт должен быть удобен вашей аудитории, а потом уже вам.

Аватар пользователя Antoniy Antoniy 11 февраля 2012 в 13:27

osho_sayt_glavnaya2.jpg однозначно лучше, чем первый, ибо проще и в то же время более современный.

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

И может быть какие-то элементы лучше взять из клипарта (PSD-исходники, вектор) чем пытаться в Фотошопе изобрести велосипед.

Сам недавно так пытался велосипед изобрести, а по другой стратегии вместо месяца ушла бы пара недель, не больше.

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

Аватар пользователя tamima tamima 11 февраля 2012 в 14:34

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

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

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

Аватар пользователя alex_shut alex_shut 11 февраля 2012 в 16:11

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

хм... опять я с запятыми напутал?

Аватар пользователя MainVisor MainVisor 11 февраля 2012 в 16:31

Сразу бросается красный цвет, его очень много на 1-ой картинке. Красный хорошо смотрится, когда он что-то подчеркивает: какие-то элементы, отдельные картинки, линии, заголовки. В некоторых случаях частично можно использовать в бэкграундах, но редко.
Комфортно и привычно читать людям черный текст на белом фоне. То есть для текста как правило всегда используют цвета от #222 до #444, фон #fff. Центральная колонка - контент, должен быть по ширине 400-800px, оптимал ~ 600.
блоки левый - правый, ширина 160, 250 и 300px, как правило ставят или 250px. Сейчас модно один правый 300px или два справа: первый 160px, второй 250px. Общая ширина 960-1000px или 1150px. Блоки делают #fff или rgba(255,255,255,0.75). Заголовок блоков или один из углов можно украсить картинкой с прозрачным фоном. В общем мне ваши дизайны не нравятся, много описывать...

Аватар пользователя MainVisor MainVisor 11 февраля 2012 в 16:44

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

Аватар пользователя GolovaNoga GolovaNoga 11 февраля 2012 в 17:18

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

Аватар пользователя tamima tamima 11 февраля 2012 в 19:59

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

И в основе данного исполнения была как раз картиинка с закатом - единая (она сейчас в оригинальном цвете целиковая в бэграунде сайта)
Вторая основная концепция сайта (особенно на главной странице) - сайт состоит из 5 разделов каждый из которых на главной странице представлен большой фотографией - входом в раздел.
Пример увидели на сайте http://spring.tnvacation.com/

Фотографии с нашей точки зрения более цепляющие и зовущие, чем просто иконки или пиктограмки...

Сейчас как нам кажется основные нестыковки в первом эскизе:
1) Из-за тяжелой фоновой картинки будет медленно открываться сайт.

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

3) Насчет размеров колонок - у нас нужные размеры колонок и контентной части не соблюдены?
4) Есть некое ощущение что на первом эскизе недостаточно контрастности фона и шрифтов - все как будто в дымке...

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

Аватар пользователя Antoniy Antoniy 11 февраля 2012 в 20:24

tamima wrote:
Пример увидели на сайте http://spring.tnvacation.com/[/quote]

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

Воспользуйтесь подбором цветов http://www.colorsontheweb.com/colorwizard.asp и "Бритвой Оккама".

spring.tnvacation.com - отличный современный стиль, гармонично, ничего лишнего и в то же время главная информация ярко выделена. Или следовать стилю, или делать "домашнюю страничку" - это уже скорее не из области творчества, а из области наиболее эффективного решения задачи (если задача определена, а не просто своять нечто и позвать друзей посмотреть)

Аватар пользователя alex_shut alex_shut 11 февраля 2012 в 20:23

"tamima" wrote:
на самом деле первый вариант дизайна для нас более приоритетный по передаче самой идеи медитации.

О_о [паника] Это что за идея такая, которую передает КРАСНЫЙ цвет???!1 [/паника]

"tamima" wrote:
Пример увидели на сайте http://spring.tnvacation.com/[/quote]
Если вы брали идею оттуда, у вас должен выйти слайдер для анонса статей, в котором картинки с тайтлами можно ялозить туда-обратно. Сейчас нефига похожего.

"tamima" wrote:
можно доработать в данной вариации первой картинки,

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

и да, о хотелках. Разъясните наконец всю глубину глубин великой концепции, которую вы так усиленно пытаетесь выразить в дизайне сайта.

Аватар пользователя ihappy ihappy 11 февраля 2012 в 20:33

Я бы в жизни на сайт по медитации не пихал такое количество графики.
Человек не должен напрягаться при заходе на сайт. А тут ... у меня глаза разбежались и я сразу закрыл оба варианта дизайна. Даже не стал рассматривать их.
Ужас, просто ужасно.
Выкиньте оба варианта.
1. Фон всегда должен быть однотонным, белый, черный, легкий узор, но не фотография, в которую надо всматриваться, а там еще текст мешает в нее всмотреться. Забудьте об этом.
2. Шрифт, ни каких засечек, ни каких косых, жирны только для выделения важности в предложении слова. но не так.
Косой текст используется для цитирования
Жирный для придачи важности элемента текста или используем подчеркивание.
3. Контент должен занимать минимум 60% места на странице. Все остальное должно подвинутся. Человек пришел за контентом, а не за цитатами, рекламными блоками, фотографий какихто людей.
4. Прозрачность, это фантазия дизайнера. По рукам бейте. Использовать прозрачность надо как можно меньше. Ибо на данный момент, обеспечить прозрачность во всех браузерах, легким путем невозможно.
... и еще 100500 вещей, которые тяжело описать, которые приобретаются опытом.

p.s. не хотел никого обижать.

Аватар пользователя MainVisor MainVisor 11 февраля 2012 в 20:45

"tamima" wrote:
Большое спасибо за вашу конструктивную критику, на самом деле первый вариант дизайна для нас более приоритетный по передаче самой идеи медитации.

И в основе данного исполнения была как раз картиинка с закатом - единая (она сейчас в оригинальном цвете целиковая в бэграунде сайта)
Вторая основная концепция сайта (особенно на главной странице) - сайт состоит из 5 разделов каждый из которых на главной странице представлен большой фотографией - входом в раздел.
Пример увидели на сайте http://spring.tnvacation.com/

Фотографии с нашей точки зрения более цепляющие и зовущие, чем просто иконки или пиктограмки...

Сейчас как нам кажется основные нестыковки в первом эскизе:
1) Из-за тяжелой фоновой картинки будет медленно открываться сайт.

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

3) Насчет размеров колонок - у нас нужные размеры колонок и контентной части не соблюдены?
4) Есть некое ощущение что на первом эскизе недостаточно контрастности фона и шрифтов - все как будто в дымке...

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

http://spring.tnvacation.com/- классический сбалансированный дизайн - 3 основных цвета и 2 дополнительных. А в вашем случае, Красный и оттенки красного дизайнеры не рекомендуют использовать.
1. Поэтому вместо большой фоновой картинки (фотографии) используют несколько рисованных(векторных) небольших картинок
3. Сайдбары по бокам сейчас мало кто делает

ХЗ, смотрите сами. Удачи

Аватар пользователя alex_shut alex_shut 11 февраля 2012 в 22:30

"GolovaNoga" wrote:

Если они на форум дизайнеров пойдут, их там обматерять и забанят по АйПи. Дабы неповадно было)))

Но в общем все сходятся. Медитация - это покой и гармония, а не взрыв мозга как на макетах.

Аватар пользователя Chyvakoff Chyvakoff 11 февраля 2012 в 22:38

Видел дизайны...там всё по минимуму. И дизайн супер.
Видел сайт..белый фон и слева бежевые тапочки..и так,по мелочи пара слов красиво написана.
И обычный черный текст.
Сайт 2-3 страницы.
И всё так расположено-что просто супер. Ссылку к сожалению незнаю..