• С чего начинать развиваться веб-дизайнеру?

    @eoffsock
    Кодер (Rails)
    Первый этап — подумать, надо ли это вам вообще. К хорошему дизайну на кривой козе не подъедешь.

    Прежде всего: Майк Монтейро «Дизайн — это работа». Даже если не будете потом заниматься дизайном — книга все равно полезная.
    Во многом избавляет от романтического подхода вроде «дизайнер — это художник».

    Второй этап — учиться: смотреть и делать свое.
    Только, во имя всех скандинавских богов, смотреть не на Behance и Dribble. Там красиво, конечно, стиль, все дела, но в конечном итоге 95% работ там просто картинки.
    А веб–дизайн — в первую очередь сценарий. Дизайнер определяет то, как пользователь будет пользоваться сайтом: в его власти сделать интерфейс простым и ясным или запутать до невозможности.
    Посмотрите работы бюро Горбунова, особенно процесс создания.

    Соответственно свои работы тоже нужно рассматривать с точки зрения полезного действия, а не внешней красоты. Эстетика — это третий этап.
    Учиться значит читать, в первую очередь. Чтобы делать правильно — нужна система.
    Читать лучше от общего к частному, начать стоит с этого:
    Дональд Норман «Дизайн привычных вещей»
    Виктор Папанек «Дизайн для реального мира»
    Параллельно:
    Генрих Альтшуллер «Найти идею»
    37Signals «Getting Real»

    Веб — это интерфейс, значит:
    Джеф Раскин
    «Новые направления в проектировании компьютерных систем», «Об интерфейсе»
    Брюс Тогнаццини «Главные принципы интерактивного дизайна»
    Якоб Нильсен «Веб-дизайн. Книга Якоба Нильсена»

    Веб — это шрифт и текст, стало быть:
    Ян Чихольд «Новая типографика»
    Эмиль Рудер «Типографика»
    Нора Галь «Слово живое и мертвое»
    Саша Карепина «Искусство делового письма»

    Веб — структура и верстка:
    Тим Харровер «Настольная книга газетного дизайнера»
    Мюллер-Брокман «Модульные сетки в графическом дизайне»

    Оставлю за кадром книги по самоуправлению и переговорам, это уже другая фаза.
    Про английский язык и умение верстать уже сказали, повторяться не буду.
    Ответ написан
    6 комментариев
  • Почему так сильно подорожали аккаунты pro на российских биржах фриланса? С чем это связано?

    martin74ua
    @martin74ua
    Linux administrator
    - Продам курицу.
    - Почем курица?
    - 10000
    - Она что, особенная?
    - Нет, самая обыкновенная...
    - А чего так дорого?
    - А кушать сильно хочется

    так и тут....
    Ответ написан
    8 комментариев
  • В чём отличие фотобашинга от коллажирования?

    Aleksei_Segodin
    @Aleksei_Segodin
    арт директор / дизайнер
    Коллаж и фотобашинг — это почти синонимы. Коллаж может быть частью фотобашинга, а фотобашинг, может использоваться в процессе коллажирования.
    Но есть нюансы (в зависимости от контекста использования):

    Чаще всего, коллаж (фотоколлаж) — это такая техника иллюстрации когда вы создаёте иллюстрацию с помощью набора фотографий, по всякому их комбинируя. Например так (gif анимация):

    3b25ad4cb35e83686179e0f3ea3ffeee.gif

    А фотобашинг (photobash), часто используется как термин, когда вы хотите текстурировать какой-то объект(ы) с помощью фотографий. При этом, фотобашинг, в профессиональной среде, обычно служит для создания быстрых эскизов, без детальной проработки деталей объекта.
    Вот пример: здесь я сделал иллюстрацию c береговой линией (кстате, коллаж), а затем мне понадобилось сделать быстрый эскиз крепости. Я сделал 3Д модель и отрендерил её без текстур:

    1044381.53ed731e95d5c.jpg

    Затем я нашёл фотку с плюс-минус подходящей текстурой и наложил её поверх своей 3Д модели.

    5672412b603a4bedaa8f4e1e395d4d1f.jpg

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

    1044387.53ed732162aff.jpg

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

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

    Ниже ещё по одному примеру коллажа (1) и фотобашинга (2):

    1. Иллюстрация одного моего знакомого (Алексея Самсонова) с сайта stock.adobe.com:

    5e0b2c9837fb4c1fbab86cc8b49f4204.jpg

    2. А здесь пример более качественного фотобаша. С первого взгляда всё круто. Но если присмотреться, то детали не «цепляются» друг за друга — не видно откуда у той или иной детали «ноги растут».

    soren-zaragoza-photobash.jpg
    Ответ написан
    3 комментария
  • Стоит ли уходить с работы?

    Afganec
    @Afganec
    Аццкий кодер...
    Все ниже описанное сугубо ИМХО.
    Давать советы в такой ситуации не есть корректно. Мы не знаем всего, не знаем вашего уровня. Есть вероятность, что вы не все описали. Но... случись со мной подобная ситуация - ушел бы без раздумий. И дело здесь не в формате "начальник высказал недовольство", а в том, что он ставит вам ультиматум. Что уже есть звоночек - ничего адекватного ожидать не предвидится. Если уверены в себе - дерзайте. Дорога появляется под ногами идущего. Это раз. Второе - если вы примите решение уйти, вы покинете свою зону комфорта, а, как правило, именно за ее пределами совершаются чудеса. В3х - если вы примете решение остаться, то рискуете прикипеть к занимаемой вами должности. Чем дольше работаешь на одном месте, тем больше жалеешь время, которое уже потрачено, и тем сложнее принять решение об уходе.
    Тем более, если вы говорите, что есть средства на первое время, вообще не вижу проблем - дерзайте. Все будет хорошо!
    Ответ написан
    Комментировать
  • Тема для диплома?

    IonDen
    @IonDen Куратор тега IT-образование
    JavaScript developer. IonDen.com
    Про Flash забудьте.
    Ответ написан
    Комментировать
  • Как называется такой стиль в искусстве?

    @Mercury13
    Программист на «си с крестами» и не только
    Textureless 3D.
    Есть ещё поджанр Flat-shaded 3D, но эта картинка — только без текстур, освещение же самое настоящее.
    Ответ написан
    Комментировать
  • Есть ли замена Photoshop?

    Adamos
    @Adamos
    Вопрос не имеет смысла. Автор не ищет замену Фотошопу, он ищет, как получить Фотошоп дешево. Вот только если бы Фотошоп можно было заменить дешевкой, он бы и стоил дешевле.

    Что никак не отменяет факта, что Фотошоп можно заменить. Но не дешевым или бесплатным Фотошопом, как мечтается халявщикам, а сменой принципов работы и изучением не-любительских инструментов. OpenSource решения потребуют не просто замены Фотошопа Гимпом и Инкскейпом, с ними придется еще и разобраться. Что в результате позволит либо профессионально вырасти и повысить производительность работы, либо понять, за что вы платите деньги Adobe.
    Ответ написан
    5 комментариев
  • Как повысить навык проектирования хороших сайтов?

    copist
    @copist
    Empower people to give
    Нет, я не согласен с тем, что созерцание чужих сайтов даёт навык проектирования хороших своих. Максимум - вдохновление. А тут нужны склад ума, навыки, определённая техника.

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

    Я рекомендую обратиться к направлению User eXpirience (EX) - создавать удобные пользователям решения.
    Это большое направление. Там есть немного от художника, но много от самого пользователя. Нужно давать пользователям задания, которые можно решить на твоём сайте, чтобы они при тебе делали и рассказывали - что хотят сделать, какой элемент интерфейса они бы кликнули, какие ожидания у них в голове до клика, что они получили после клика, получили ли они желаемое, достаточно ли просто было получить желаемое. Это в общем называется User/Usabity Testing. Нужно несколько таких ревью. Затем принимается решение, устраивает ли пользователей ваш способ удовлетворить его потребности, не стоит ли упростить или усложнить сценарии поведения пользователей, изменить размеры или цвета, переставить элементы местами.
    Через некоторое время, на N+1 проекте, у вас в голове начнёт складываться правильное понимание того, что ожидают пользователи, как удобнее для пользователя реализовать в интерфейсе решения его проблем. Идеального решения не будет. То, что вы придумете для N проектов, на N+1 вообще может не сработать. Главное знать как определить, что именно является причиной неудачи и иметь идеи, как это изменить.
    Ещё есть такая техника, как A/B тестирование, сплит-тестирование.
    В общем - делайте, проверяйте, исправляйте.
    Небольшой обзор для затравки www.zenexmachina.com/what-we-do/user-experience
    lean-startup-01.png
    Под хорошими я понимаю сайты, ... которые приносят прибыль своим владельцам

    Этот раздел называется маркетинг и, в частности, интернет-маркетинг. Первая задача: найти потребность и удовлетворить её. Вторая задача: удовлетворить потребности бОльшего количества потребителей, то есть "зацепить" больший процент аудитории либо увеличить аудиторию. Третья задача: найти оптимальную цену, то есть сбалансировать возможности производства, затрат, потребления и покупательской способности. Ну и ещё много задач.

    Под хорошими я понимаю сайты, ... которые при этом сделаны с заделом на будущее.

    Ищите новые потребности новых потребителей. Ищите новые потребности старых потребителей. Обозначу всё это словом диверсификация.
    Ищите новые способы удовлетворения старых потребностей, более эффективные или менее затратные. В том числе, новые клиентские технологии, более современный дизайн, если пользователю так будет удобно.
    Не останавливайтесь. Развивайтесь.
    Вот такой мини-обзор поможет: uxmastery.com/resources/process
    ux-process-diagram-cropped-620x360.png
    Опыт показывает, что меньше всего в этом вопросе помогают умные книги. Из них можно почерпнуть знания, но навык от этого не растёт ни чуть.

    Не согласен. Но конкретных книг не дам. Я просто не записывал, что именно я прочитал.
    Издательство МИФ много современных иностранных книг переводит. Много источников на английском.

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

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

    P.S. Тут какая то "серебрянная пуля", а не "золотая середина" ж))
    Ответ написан
    Комментировать
  • Нарушу ли я авторские права данным логотипом?

    @Zewkin
    Я у мамы фронтэндер
    Я думаю, адвокаты Walt Disney могут доказать факт нарушения авторских прав даже если вы свою жену в постели Чубаккой назовете.
    Ответ написан
    Комментировать
  • Какой графический редактор выбрать веб-дизайнеру?

    @holfza
    Из "фотошопов" могу посоветовать Adobe Photoshop. Не благодарите.
    Ответ написан
    Комментировать
  • А какой у вас джентельменский набор дизайнера?

    vaux
    @vaux
    Курящий лыжник
    В первую очередь - карандаш и бумага. Остальное зависит от конкретных задач.
    Ответ написан
    4 комментария
  • Как освоить программу Adobe Photoshop для веб-дизайна?

    понять, что веб-дизайн состоит не только из дизайна, а дизайн создаётся не в Photoshop'е
    Ответ написан
    Комментировать
  • Могут ли возникнуть проблемы при копировании дизайна сайта?

    У любого дизайна есть автор. Другой вопрос в том, что разрешил автор со своей работой делать дальше.

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

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

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

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

    P.S. Тематика в данном случае ни на что не влияет.
    Ответ написан
    5 комментариев
  • В чем заключается навыки UI / UX?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Все зависит от направленности Вашего сайта и работа эта точно не кодера.
    Можно сделать качественно, но с недочётами или наоборот. Обычно, UX/UI подразумевает размещение элементов и блоков для УДОБНОГО использования и только УЖЕ ПОТОМ - дизайн.
    Конечно, это работа не дизайнера и не кодера, а UX/UI специалиста, который чётко понимает работу человеческого мозга, направление взгляда во времени, восприятие цвета, изображений и т.д и может сделать качественную "интеграцию" страницы веб-сайта (или иного интерфейса) с человеческим восприятием на интуитивном уровне.
    Ответ написан
    2 комментария
  • Сколько стоит разработка подобного сайта?

    Такого уровня или даже хуже примерно 50 000.
    Плюс надо учесть что такие проекты делаются не за раз, после готового первоначального варианта идет стадия поддержки.
    Ответ написан
    9 комментариев
  • Как объяснить проект-менеджеру где заканчивается его работа и начинается работа проектировщика интерфейсов?

    karaboz
    @karaboz
    Директор продуктов в Хабре.
    Нет ничего плохого в том, что менеджер обсуждает со всеми сотрудниками спроектированный дизайнером интерфейс. С одной стороны, это некоторого рода тестирование и возможность обратить внимание на нюансы, о которых дзайнер не думал или которым не придал большого значения. С другой стороны, это возможность самому участвовать в разработке, повышать свои навыки. А еще это может быть неплохим командообразующим фактором, чтобы все чувствовали причастность к создаваемому продукту.

    Но тут есть один нюанс, который следует понимать менеджеру. Его роль — очень важная роль — это налаживать коммуникацию между людьми, формулировать задачи, курировать процессы, контролировать время. Непосредственно реализацией должны заниматься соответствующие специалисты. Поэтому если менеджер такой уввлеченный, что хочет обсуждать интерфейс со всеми сотрудниками, пусть делает. Только пусть при этом фиксирует полученный в ходе обсуждений список озвученных проблем и предложений и затем предъявляет их дизайнеру. Часть проблем дизайнер может отвергнуть как «мнение некомпетентных» или «дело вкуса», к части же может прислушаться и внести правки в интерфейс. Всё это дизайнер должен суметь объяснить менеджеру и отдать ему обновленный интерфейс.

    Создание интерфейса — это задача дизайнера. Менеджер должен предъявлять вопросы и озвучивать реальные или возможные проблемы перед дизайнером. Но правки и переделки должен делать сам дизайенр, своими руками. Важно еще понимать, в какой форме менеджер должен ставить задачи перед дизайнером. Он не должен просить дизайнера «сделать кнопку красной, а не зелёной». Он должен сформулировать проблему в целом — например, «нам нужно увеличить число кликов по кнопке в два раза» — чтобы дизайнер сам подумал, как её лучше решить и предложил свой вариант.

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

    Однако и специалист должен уметь проявлять гибкость и отзывчивость. Он не должен просто отфутболивать менеджера с его «глупостями». Нужно уметь на эти глупости достойно отвечать: приводя аргументы, опыт успешных решений, а иногда и делая что-то по желанию менеджера с дальнейшей демонстрацией, что новый вариант хуже. Иногда требуется время, чтобы менеджер научился доверять дизайнеру и начал понимать, какие вопросы принципиально обсуждать и дискутировать, а какие целиком и полностью можно отдать на усмотрение дизайнера.
    Ответ написан
    1 комментарий
  • Что стоит знать и уметь, чтобы стать проектировщиком интерфейсов?

    beskov
    @beskov
    Организую обучение аналитиков и проектировщиков
    Для ответа, в частности, на такой вопрос, например, автор того же слона разрабатывал сотоварищи профстандарт Дизайнера интерфейсов: www.slideshare.net/daefremov/ps-design-v14-2611201...

    Там по каждой трудовой функции есть знания и умения.
    Ответ написан
    1 комментарий