Pull to refresh
  • by relevance
  • by date
  • by rating

ХаброЛинч

Lumber room
Предлагаю организовать внутреХабровский линч, где все желающие смогут оставлять отзывы о Работах дизайнеров: поскольку на реальный линч попасть сложно, а иногда очень важно мнение человека с «незамыленным взглядом»!

Итак, публикую первую работу интересно услышать Ваше мнение:

ТураАгентство. Стандартный информационный сайт в 5-6 разделов.

Total votes 27: ↑13 and ↓14 -1
Views 192
Comments 47

Вопрос по авторским правам

Website development *
Добрый день, уважаемые.

Нами был сделан сайт, который в дальнейшем был передан на поддержку другой веб-студии (назовем ее «ХХХ»). Студия «ХХХ», оставив разработанный нами дизайн, изменила верстку и прикрутила свою CMS.

Соответственно ссылку на нас, как разработчика, изменили на фразу «Разработка сайта — студия „ХХХ“.

На мою просьбу указать по крайней мере, что разработка дизайна осуществлена нами, студия „ХХХ“ ответила, что (цитирую) „Вы не являетесь разработчиком программного кода на котором работает сайт!“

Интересует:
1) входит ли создание дизайна в разработку сайта?
2) правомерно ли указание только студии „ХХХ“ в качестве разработчика?
Total votes 1: ↑1 and ↓0 +1
Views 4.6K
Comments 124

ХаброЛинч!

Lumber room
Предлагаю организовать внутреХабровский линч, где все желающие смогут оставлять отзывы о Работах дизайнеров: поскольку на реальный линч попасть сложно, а иногда очень важно мнение человека с «незамыленным взглядом»!

Итак, публикую первую работу интересно услышать Ваше мнение:

ТураАгентство. Стандартный информационный сайт в 5-6 разделов.

Макет главной страницы "Риэлти Тур"
Rating 0
Views 152
Comments 0

В воде не тонут, в огне не горят…

Self Promo

… автомобильные диски в интернет-магазине компании Кроун Авто. Именно это в первую очередь и относится к собственно теме топика. В остальном речь пойдет о новом проекте творческих людей из компании CreativePeople.

UPD: Папиры вдогонку!

Для желающих лицезреть наш «влажный диск» на своем мониторе:

1600 на 1200
1680 на 1050
1440 на 900
1280 на 1000
1280 на 800
1024 на 768

Читать дальше →
Total votes 29: ↑15 and ↓14 +1
Views 406
Comments 27

SWUSE — создание дизайна

CMS *
Здравствуйте уважаемые Хабравчане. Сегодня я вам поведую о том чем я занимался всё лето и занимаюсь сейчас.

Design Creator


А занимаюсь я созданием CMS, но сейчас не о ней, а о системе создания дизайна. Суть создания дизайна довольно проста и проходит в несколько этапов:
  • Загружаем изображение будущего сайта (png,jpg,gif)
  • Выделяем элементы на изображении, которые в последующем станут элементами дизайна
  • Расставляем типы выделенных элементов и их размеры
  • Смотрим что получилось и сохраняем

Читать дальше →
Total votes 105: ↑69.5 and ↓35.5 +34
Views 681
Comments 94

Форматтер для пользователя

Lumber room
Долгое время занимаюсь разработкой сайтов, естественно к каждому сайту требуется какое-либо подобие «админки», и так как самым главным моментом в сайте является содержание (контент) — необходимо подготовить инструмент для пользователя (администратора ресурса) для работы с содержанием (контентом). Так как стереотипы не убьешь, и в основном люди приучены к работе в Word (по крайне мере такие встречались мне), необходим форматтер. Испробовал довольно таки большое количество форматтеров, даже была бредовая идея писать свой. Проблем великое множество, юзверы пытаются редактировать форматирование текста на свой вкус, который порой отсутствует, менять шрифт, его цвет (ярко красные буквы с зеленым фоном даже встречались), размер, заливки в таблицах и прочее творчество. По итогу получалась не статья, а страшная эклектика…

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

По итогу родилась следующая идея. Что если статью разбить на несколько блоков. Например, блок с картинкой слева и текстом, блок с картинкой справа и текстом, блок картинок в один ряд, блок таблицы, блок просто текста…
Пользователь загружая картинку указывают ее на своем компе она загружается и поджимается до нужных размеров (причем все это проиходит без перезагрузки страницы, благо есть такая технология как AJAX), тут же определяется положение картинки на страницы, выравнивания все и прочее.

Плюсы:
  • Пользователь сразу видет как будет выглядеть страница с его текстом
  • Простота использования
  • Пользователь не наворочает своего «креатива», все будет выглядеть так, как запланировал это дизайнер


Вот вопрос к Хабра-сообществу: есть ли подобные реализации и какие проблемы могут возникнуть на Ваш взгляд с использованием подобного инструмента?
Total votes 6: ↑4 and ↓2 +2
Views 391
Comments 11

Редизайн ru-iphone.com

Lumber room
imageСегодня на суд общественности наконец-то была представлена новая версия сайта ru-iphone.com. Дизайн существенным образом изменился и хочется верить что эти изменения в лучшую сторону. Те кто бывал на сайте раньше (а такие думаю найдутся, ведь это один из популярнейших iPhone ресурсов) наверное помнят мрачный дизайн, который не нравился многим посетителям, и вот наконец новая версия готова. Недочетов в работе пока еще очень много, но работы по их устранению ведутся полным ходом. Вообщем хочется услышать мнение профи о дизайне.
Спасибо за внимание.
Total votes 21: ↑2 and ↓19 -17
Views 141
Comments 9

Готовим макет для клиента. Часть I: Гладить или нет?

Typography *

Готовим макет для клиента. Часть I: Гладить или нет?


Часть I: Гладить или нет?
Часть II: Если гладить, то как?

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

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

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

Мне бы хотелось в рамках нескольких статей поговорить на тему подготовки макетов для показа клиентам, а также о том, какие трудности поджидают дизайнера на пути утверждения макета.
Читать дальше →
Total votes 124: ↑104 and ↓20 +84
Views 11K
Comments 99

Готовим макет для клиента. Часть II: Если гладить, то как?

Typography *

Готовим макет для клиента. Часть II: Если гладить, то как?


Часть I: Гладить или нет?
Часть II: Если гладить, то как?

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

Читать дальше →
Total votes 63: ↑57 and ↓6 +51
Views 10K
Comments 71

Разработка макетов: а давайте в этот раз не будем спрашивать уборщицу?

Project management *
Мало кому приходит в голову указывать программистам, как писать код (хотя некоторые умудряются указывать даже проектировщикам баз данных), но уж показать дизайнеру как нужно рисовать — прямо очередь выстраивается.

Это происходит потому, что все «специалисты» знают: дизайн — это красивая картинка.

Дизайн лишь на 20% искусство, на 80% — это точная наука. И вы будете удивлены, когда узнаете, из чего на самом деле состоит каждая картинка.

Читать дальше →
Total votes 178: ↑150 and ↓28 +122
Views 2.6K
Comments 166

Простой способ создания цветовой схемы(палитры)

Web design *
Добрый день, друзья, хочу поведать вам один секрет, который помогает мне быстро и правильно найти цветовую схему для сайта.Прошу строго не судить, возможно, некоторые из вас знают этот прием, но вот мой друг, не знал, а когда я поведал ему, как легко найти цвета для цветовой схемы сайта – он был поражен простотой решения. Я не претендую на уникальность, либо открытие нового метода, просто я это знаю, и мне это помогает.
Для того чтобы нам создать цветовую схему. Нам понадобится такая хорошая программа, как Adobe Photoshop, причем подойдет практически любая версия. Особых знаний работы с фотошопом для этого т.с. трюка не НАТО, все делается буквально в пару кликов.
Читать дальше →
Total votes 132: ↑125 and ↓7 +118
Views 13K
Comments 38

Блокирование ненужных людей с помощью сайта

Lumber room
Обычно перед сайтом стоит задача — набрать как можно больше пользователей, сделать информацию как можно более доступной. Есть один из сайтов где все наоборот. И это еще один государственный сайт. Просто этого государство официально не существует. Но у него 50 000 граждан по всему миру. Я сейчас говорю о сайте kazantipa.net.

В чем фишка?
Это уже Нная версия сайта. Но тут уже дизайнеры превзошли сами себя. Что бы пробиться к хоть какой то информации нужно пройти «круги ада» для тех, кто не был ни разу на Казантипе и еще не знает, что тут все не так, как в других странах. Пример:
image

Это как Вы поняли меню%) Сюда Вы попадете, если догадаетесь закрыть флеш-игру, которая очень сильно запудривает мозг, и прокрутите налево ползунок внизу экрана.

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

Результат достигнут.

P.S. Это не пиар. Это просто демонстация того, как дизайн может не только помогать, но и мешать людям.
Total votes 44: ↑31 and ↓13 +18
Views 156
Comments 15

Просьба покритиковать дизайн

Lumber room
Просьба покритиковать дизайн

В связи с выпуском нового релиза bigstreet.ru было принято решение о смене текущего дизайна который уже устарел как морально, так и физически. Было сделано несколько работ которые я представлю ниже.
Хотелось бы обратиться к хабрапользователям с просьбой рассмотреть представленные дизайны через призму своего вкуса. Что нравится, что не нравится и что конкретно можно было бы доделать или переделать.

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

1. социальная сеть
2. сайт разработки

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

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

P.S. просьба не минусовать, а дать критику

Читать дальше →
Total votes 30: ↑21 and ↓9 +12
Views 227
Comments 32

Что измеряет eye-tracker. Часть вторая

Interfaces *
eye-tracker.ru
В предыдущем посте мы остановились на том, что результатом работы eye-tracker’а является запись последовательности фиксаций вашего взгляда на демонстрируемых изображениях. Теперь надо как-то эту последовательность преобразовать в такой вид, чтобы его можно было удобно анализировать.

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

Теперь подумаем о том, как нам эту информацию отобразить, чтобы аналитик мог сделать какие-то выводы на основе данных о просмотре материалов.
Читать дальше →
Total votes 7: ↑6 and ↓1 +5
Views 1.7K
Comments 10

Выбор шрифтов для web

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

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

image
Читать дальше →
Total votes 21: ↑15 and ↓6 +9
Views 552
Comments 7

Клиент не всегда прав или опять про дизайн…

SECL Group corporate blog Web design *
Почему-то постоянно встречаю на Хабре устаревшее утверждение, что «клиент всегда прав». Современный бизнес уже так не считает, клиент НЕ всегда прав. Но пост не об этом (про «клиент НЕ всегда прав» напишу в другой раз, если вам интересно, о чем можно сообщить в комментариях), а про отдельную проблему отношений исполнителей и клиентов.

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

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

Под катом рецепты правильной работы и не только...
Total votes 27: ↑14 and ↓13 +1
Views 12K
Comments 95

Как достичь профессионального вида с помощью цвета

Design
Translation
image

Что заставляет дизайн выглядеть скоординированным, спланированным и профессиональным? Ответ: 'цвет'.

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

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

В этой статье мы будем делать обзор некоторых методик, чтобы достигнуть красивого сочетания цвета для Ваших проектов в сети.
Читать дальше →
Total votes 194: ↑167 and ↓27 +140
Views 5.9K
Comments 38

Цели дизайна сайта (Переоформлено и доработано специально для Хабра)

Design
Создавая сайт, человек в первую очередь желает донести до общественности факт своего существования и то, что с ним можно связаться, что он теперь тоже часть интернета. В свою очередь, интернет реагирует на появление новых сайтов, как живой организм — он либо проталкивает новичков дальше при условии, что сайт был создан правильно, либо оставляет незамеченными. Потребуется приложить немалые усилия, чтобы именно ваш сайт заметили среди миллиарда других, чтобы он задышал. Должны тратиться немалые усилия как на код, так и на дизайн, ведь внешний вид является первым, на что обращают внимание пользователи.
Читать дальше →
Total votes 7: ↑4 and ↓3 +1
Views 1.3K
Comments 9