Задать вопрос
  • Как найти наставника/ментора для веб-дизайнера?

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

    В дизайне есть определенные вещи, делая которые, вы сможете расти в уровне постоянно:

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

    2. Behance.net - ваш самый первый сайт, который вы посещаете при открытие компьютера. Я бы рекомендовал 40 минут в день выделять на то, чтобы просматривать топовые и не топовые работы, чтобы сравнивать их, давать им устную критику, пытаться вдуматься в логику (почему так сделано так, а не иначе) - это все, сформулирует в вас культуру веб-дизайна, вы поймете как делать красиво, и со временем будете делать все лучше и лучше. Плюс, смотря на другие работы, у вас в голове отложатся шаблоны разного вида функционала, и вы сможете решать одну задачу несколькими путями.

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

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

    Ну и если нужны советы - можете писать мне, мои контакты указаны в профиле.
    Ответ написан
    Комментировать
  • На какой площадке открыть дизайн-конкурс?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Практика показывает, что "высокоточный" дизайн, с отличным качеством можно заказать только специалисту, который изучит рынок, конкурентов, создаст персонажей, продумает сценарии, нарисует прототип и сделает дизайн - человек, который будет принимать участие в конкурсе, скорее всего нарисует просто красивую и неудобную обложку, потому что много времени, как правило, на конкурсы никто не тратит.

    Хотите крутого дизайнера - зайдите на Behance or Dribble, посмотрите кто делает реально крутые приложения и напишите ему, сделайте ему заказ на 1000$, он вам сделает ооочень крутое приложение, и вы не вкините деньги на ветер.

    И да... крутые ребята из Behance и Dribble не участвуют в конкурсах, у них работы и без этого хватает, скорее всего в конкурсе будут участвовать те, у кого нет работы и они хотят себя проявить - то есть новички.
    Ответ написан
    2 комментария
  • Как запрограммировать шаблон созданный в Adobe Xd?

    @cehka
    Кхм, извините, что это вообще здесь делает?
    Что бы "запрограммировать" нужно либо самому потратить несколько сотен/тысяч часов на изучение программирования(Android - C#/Java/Kotlin ), либо нанять фрилансера. Одно дело затратное по времени, другое по деньгам.
    Ответ написан
    Комментировать
  • Как можно улучшить дизайн этой визитки?

    • не смешивать языки: русский и англ.
    • мелкий белый текст будет нечитабельным на визитке 9x5см
    • белый текст по темному фону придется печатать офсетом пятой белой краской, это дорого.
    • «каньон» пишется через А.
    • телефонный номер лучше читается без лишних дефисов.
    • логотип менее важен, чем телефон и пр. информация – больше места под инфу, меньше под лого
    • название "Dag trip" близко к "Bad trip".
    Ответ написан
    3 комментария
  • Как можно улучшить дизайн этой визитки?

    @pilotus
    Не знаю, показали вы нам визитку с допусками или без. Если без, то лучше оставлять на погрешность обрезки большее расстояние. Иными словами, я бы не размещал номер телефона у самого-самого края.
    Ответ написан
    Комментировать
  • Как можно улучшить дизайн этой визитки?

    @Jyoshin
    Буду говорит по факту.

    Из дизайна тут, наверное, только логотип, остальное это картинка и текст.

    Визитка маленкая, картинка неуместна будет, так же как и два разных шрифта. Прозрачность, неровность.

    В общем, надо учить базу.
    Ответ написан
    Комментировать
  • Разные размеры мобильного приложения. Какой макет передать разработчику?

    ManWithBear
    @ManWithBear
    Swift Adept, Prague
    В гигантском большенстве случаев разработка ведется под последние 2 версии операционной системы (читать как 10.3.3+), поэтому имеет смысл начинать с самого маленького устройства (iPhone 5). Его разрешение 320х568.
    Согласно Human Interface Guidelines @3 используется только на Plus устройствах и X.

    Из этого следует что iPhone 6 и iPhone 5 будут использовать одинаковые ресурсы, отступы и прочее. Так что надо иметь ввиду, что если вы просто увеличите макет с 320х568 до размеров iPhone 6, то это будет не верно с точки зрения системы (не беру в расчет цифры зависящие от размеров экрана, например картинка в половину ширины)

    Разработка на iOS ведется в пунтках, а не пикселях. Грубо: @1x 1pt = 1px, @2x 1pt = 2px, @3x 1pt = 2.6px
    Подробнее тут: The Ultimate Guide To iPhone Resolutions
    Поэтому разработчики будут вас любить если вы будете с ними разговаривать в пунктах ("отступ от левого края всегда 8 пунктов", "расстояние между клетками по 16 пунктов", и тд)

    Главная идея: не пытайтесь делать pixel perfect, это сложно, в большенстве случаев не оправдано, и заметно дороже.

    tl;dr
    Какой макет передать разработчику?

    Макеты 320х568, иконки в @2x и @3x, fullscreen изображения для каждого размера экрана если критично
    Ответ написан
    2 комментария
  • Какие проблемы решает качественный дизайн сайта?

    vilka_2009
    @vilka_2009
    Верстаю
    Я думаю ты вообще не с той колокольни смотришь на ситуацию. Проблема любого начинающего менеджера-продажника в том, что он думает, что продать можно только тогда, когда предлагаешь человеку то, что он купил бы. А ты попробуй продать то, что понравилось бы людям, посетителям сайта. Представь себя целевой аудиторией.
    1) Спроси себя, как ты относишься к сайтам, особенно данной тематики? Цепляет ли тебя сайт, если у него качественный продуманный дизайн? Сравни с другими "некачественными". Отсюда ты почерпнешь какие проблемы можно решить дизайном.
    2) Дальше спроси себя, если у сайта будет хороший дизайн, как бы ты им пользовался? Как часто заходил бы? Как долго на нем был бы? И т.п. Отсюда ты почерпнешь выгоды.
    3) Если тебе плевать на дизайн сайтов, то забей на него и иди продавать то, что тебе нравится.
    Ответ написан
    Комментировать
  • Какие проблемы решает качественный дизайн сайта?

    Любой сайт заказывается для решения нескольких задач (2-3).

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

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

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

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

    @Insayt
    Ну тут надо уточнить, что дизайн сайтов/приложений не является продуктом. Это услуга.
    "Картошка" - это продукт. "Доставка картошки" - это услуга. Вы предоставляете услуги, соответственно ставить вопросы надо исходя из понимая этого.

    Бизнес выбирает поставщика услуг по нескольким пунктам:
    1. Доступность - важно что бы было легко вас найти.
    2. Понимание проблем клиента - важно что бы поставщик услуг четко понимал как его деятельность скажется на нашем бизнесе.
    3. Скорость реакции сотрудников и их вежливость - тут думаю все понятно, если на email отвечают неделями и на от*бись, то такой поставщик услуг не получит заказ.


    В контексте вашего вопроса речь идёт о "Понимании проблем клиента".
    И тут важнее не написать большой список, а выбрать конкретный пункт и давить на него. Объясню:

    1. Увеличение продаж - на этот пункт вы влияете очень косвенно (ниже объясню почему). Потребитель больше будет смотреть на цену и скорость доставки, чем на форму кнопочки "Перейти в корзину".
    2. Привлечение внимания - это тоже не ваша работа. Привлекают внимание маркетологи. Клиент даст рекламу в директ, и она будет привлекать внимание. Если вы занимаетесь дизайном рекламных баннеров, то тогда можно говорить о привлечении внимания, но в контексте вашей деятельности вы привлечением внимания к продукту/услуге заказчика не занимаетесь.
    3. Большая конкурентоспособность/отстройка от конкурентов - это тоже не про вас. Конкурентоспособность никак не соотносится с визуальной составляющей. Вы можете сделать идеальную упаковку для пиццы, но если её везут 3 часа, то никакой конкурентоспособности быть не может.
    Отстройка от конкурентов - это тоже не про вас. Немного погуглите про то что такое "отстройка от конкурентов", и поймете это. Отстраиваются на уровне позиционирования и бизнес процессов. Например вы открыли магазин продуктов возле дома. Через пол года рядом открывается пятерочка. Вы начинаете проседать по доходам, потому что пятерка дает лучшую выходную цену для клиента, и тогда вы решаете отстроится от конкурента, убираете весь ассортимент и становитесь магазином "Колбасы от Васи". И расставляете на прилавке 1 вид продукта, но в широком ассортименте, который пятерочка никак не может себе позволить, потому что им не выгодно иметь широкий ассортимент одной товарной позиции. Вот это и есть отстройка.

    А теперь к важному. Продавайте "Повышение конверсии". И только это.
    Бизнес делает рекламу, тратит на это деньги, и тут появляетесь вы и говорите, мы можем сделать новый дизайн вашего сайта, уменьшить "боль" потребителя от использования, что повысит вашу конверсию на N процентов + увеличит кол-во повторных заказов от существующих клиентов. Повышение конверсии даст большую эффективность вашим рекламным затратам, потому что вы можете потратить 100500 миллионов денег, но если вся реклама будет вести на непродуманный, некрасивый и абсолютно неюзабельный лендинг - ваши деньги вылетят в трубу. Такая постановка вопроса будет очень понятна любому бизнесу.

    Так что вывод - переимуйте абстрактный пункт "Увеличение продаж" в более конкретный "Увеличение конверсии", и продавайте его.
    Ответ написан
    1 комментарий
  • Сайт-портфолио веб-дизайнера: подход?

    Zorohastres
    @Zorohastres
    Студент-экономист
    Сейчас имеется распространение специалисты типа "Т" (T-shaped people). То есть, люди, которые очень хорошо и глубоко разбираются в чем-то одном и имеют широкие познания разных вещах. По сути принцип "знаю всё про одно и немного про всё". Мне такой подход тоже кажется весьма удачным и практичным.
    Ответ написан
    Комментировать
  • Как сделать такое свечение кнопки?

    symbiotic
    @symbiotic
    Дизайнер сайтов, интерфейсов
    Делаете тень от кнопки не чёрной, а красной.
    Ответ написан
    Комментировать
  • Примеры и названия подобных блоков?

    vicodin
    @vicodin
    Имею некоторый опыт
    1) Hero section
    Ответ написан
    Комментировать
  • Правильно отдать логотип?

    @Froggyweb
    логотипы делаются только в векторе. в шопе можно блики нарисовать :) Вектор не зависит от размеров от слова вообще

    2. если для удобства использования то ai pdf cdr png jpg в последних двух в цветном и ч.б вариантах если допустима инверсия то прикрепляется тоже. размер не больше 500 px, при наличии остальных форматов этого более чем достаточно.
    Ответ написан
    7 комментариев
  • Как сделать вот такой дизайн?

    Makin
    @Makin
    Web designer
    Это паттерн. Делается руками в векторе/растре или ищется готовый (например на freepick или shutterstock). На сайт загружается в svg или png.
    Ответ написан
    Комментировать
  • Как избавиться от замкнутого круга с портфолио и опытом работы?

    copist
    @copist
    Empower people to give
    Привет. Могу помочь разорвать цепочку, оформить веб-портфолио дизайнера и разработчика https://webmentor.pro/portfolio

    В качестве идей для веб-дизайнера:

    Посмотри не на themeforest, где уже целые темы - это сложно для начинающего концепцию целого сайта придумать, а на https://dribbble.com/ - там дизайнеры публикуют очень небольшие по объёму работы, например только форма обратной связи или одна страница приложения-чата.

    Первый вариант - ревью чужих работ.
    Как дизайнеру я предлагаю тебе взять раздел "Дебюты" https://dribbble.com/shots?list=debuts, оценить любую работу по качеству, найти недостатки. Считай что ты как будто занимаешься приёмом на работу другого дизайнера. Встал на другую сторону так сказать.
    После твоего же ревью найди возможность улучшения чужой работы, исправить самостоятельно, то есть перерисуй с учётом своих же замечаний.
    После этого в портфолио можно вставить чужую работу как образец, свои замечания к ней и переработанную личную версию. С пометкой "ревью", "ремейк", "по мотивам". Это не воровство, а абсолютно самостоятельная работа.

    Второй вариант, который встречается на практике - рисовать новые страницы сохраняя общий стиль и идею.
    Вот дали тебе PSD макеты нескольких страниц или UI Kit с полным набором всех элементов интерфейса. Нарисуй страницу, которой нет. Например, у тебя на руках только PSD главной страницы и формы обратной связи. Как бы выглядела страница со списком клиентов, страница тарифов, страница личного кабинета пользователя, страница витрины интернет-магазина в том же стиле? Эта работа дизайнера. Они не всегда рисуют дизайн с нуля. Бывает к проекту подключают второго или третьего дизайнера и они обязаны продолжать работу в одном стиле.
    Это не воровство, а тоже абсолютно самостоятельная работа.

    Третий вариант - имитация работы с заказчиков и исполнителем.
    Ты ведь часто ходишь по сайтам, мы все тут часто куда-то ходим. Поставь себе таймер на какой-нибудь момент времени и когда он сработает - СТОП! - та страница, на которой ты сейчас находишься - она требует срочного редизайна.
    1) представь, что ты сам заказчик:
    посмотри на то что уже есть на странице;
    определи задачу, которую решает эта страница;
    определи задачу, которую решает этот сайт;
    опиши задание дизайнеру на редизайн
    2) представь, что ты сам дизайнер:
    сделай прототип;
    черновой дизайн;
    и наконец выполни задачу
    И это не воровство, а самостоятельная работа.

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

    Покупать только PSD считаю бесполезной тратой. Рекомендую брать сразу готовый результат вёрстки (то есть HTML шаблона сайта), к которому прилагается PSD, чтобы сделать вёрстку самостоятельно и потом сравнить свой вариант и вариант более опытного верстальщика. Учиться у старших, можно сказать. Особенно ценными считаю макеты, у которых есть ревизии, то есть их переделывали несколько раз, исправляя замечания.
    Ищи в google по фразе "free PSD HTML5"
    Примеры:
    bootflat.github.io
    https://thesiteslinger.com/blog/free-html-templates
    graphicdesignjunction.com/2015/10/html5-website-te...

    Есть вариант списаться с дизайнерами, которые выложили на themeforest только PSD макеты. Их можно сверстать и продавать самостоятельно или совместно с автором темы согласно вашей договорённости.

    Конечно же веб-разработчику каждый HTML макет в итоге нужно запрограммировать. Сделать на его базе сайт с нужной функциональностью, решающий какую-то задачу. А какую именно - придумай сам.
    Генераторы идей:
    tevko.github.io/practice/index.html
    https://copist.ru/ru/blog/2016/02/11/pet-project-ideas/
    Ответ написан
    Комментировать
  • Как выставить dpi в Photoshop?

    twobomb
    @twobomb
    Изменить разрешение или dpi
    Изображение-Размер изображения-Разрешение или alt+ctrl+I
    dpi = pixels/inch(пикс/дюйм),т. е разрешение=(столько-то) точек на дюйм
    Ответ написан
    Комментировать