Задать вопрос
  • Возможно ли создать красивый и удобный сайт без PhotoShop?

    Да.
    Ответ написан
    Комментировать
  • Как аргументировать начальству создание существующего проекта заново, с ноля?

    saboteur_kiev
    @saboteur_kiev Куратор тега Веб-разработка
    software engineer
    Задача сайта - выполнять свою бизнес задачу, а не демонстрировать красивый код в исходниках.

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

    Если ни то, ни другое, то с какой стати платить больше?
    Ответ написан
    11 комментариев
  • Организация рабочего процесса по вебдизайну в Adobe Illustrator - как лучше?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Вот по описанным причинам ребята и делают всё в одном файле :) Тут выбирать что удобнее именно для себя — разделять файлы и перекрашивать по необходимости вручную каждый или же бояться тормозов программы, но менять любые стили сразу везде. Тут можно еще порекомендовать написать свой скрипт/экшен для подобных целей, готовые мне не встречались (хотя вопросы периодически задают и здесь и на иностранных ресурсах).

    А про хранение файлов напишу вкратце.
    Если проект большой, с задачами разного рода, то делается папка big-project-name. Внутри неё лежат папки по задачам: banners, icons, site и т.п. В каждой папке конкретная задача. Если проект простой и путаться негде, то можно не разделять на подпапки. Все названия папок и файлов я всегда пишу с маленькой буквы и на английском, так удобнее.
    Внутри папки company-site (возьмем пример с сайтом) лежат папки source (со всеми материалами, предоставленными заказчиком), img (с разной исходной графикой, которая используется в проекте), preview (или images или типа того, я в такую папку складываю макеты для согласования и расшариваю для доступа клиенту — чтобы не пересылать кучу файлов, а иметь одну папку с актуальными макетами) и любые другие служебные папки, которые могут понадобиться по ходу работы.
    В корне этой папки ведется работа и находятся исходники вида name_xxxx_yyy_zzz, где name — это название клиента или проекта (указываю всегда чтобы находилось через поиск), xxxx — обозначение вида задачи (site, app, icons и т.п.), yyy — уточнение что в этом файле (если сайт/приложение, то main, contacts, news и т.п., если иконки, то их размер, например), zzz — версия файла — она может быть просто цифровой (001, 002, 024), а может быть и датой сохранения, иногда требовалось подобное (16-11-23 – год-месяц-день, удобно следить). Таким образом, получаются имена файлов sber_icons_128px_001, sber_insurance_lk_012 или ph_cafe_menu_16-10-05. Когда требуется версия с переведённым в кривые контентом, то в конце можно добавить -curved.
    Я предпочитаю разделять смысловые части с помощью подчеркивания "_", а вместо пробела в словах использовать минус "-" (sber-bank_site_one-two_004).

    Если собирается много файлов одной задачи, то они собираются в подпапку как описано в самом начале.
    Когда собираются несколько версий одного макета, то я создаю папку old (или revisions, кому как удобнее) и скидываю туда все старые версии, а в корне задачи остаются лишь актуальные. Это помогает не запутаться в куче версий и, в то же время, держать их рядышком. Если важно сохранить даты подобных «срезов», то в папке old делается подпапка с нужной датой.

    Учитывая, что я фрилансер, то мне не надо иметь кучу папок как у ребят по ссылке и думать о том, что кто-то там может не разобраться :) А в каждой конторе привыкли к разному и просто либо подстраиваешься под них, либо по-умолчанию расшариваешь папочку с макетами. В последнем своём офисе из бардака на личном компе я сделал озвученную выше структуру на сетевом сервере и все работали с файлами без дёрганья друг друга.
    Ответ написан
    3 комментария
  • Что выбрать сео или веб-дизайн?

    @McBernar
    А кто вам сказал, что нельзя две профессии осваивать?
    Тем более, что сео и хороший дизайн идут всегда бок о бок.

    Тратьте время с умом и станете хорошим специалистом и там и там.
    Ответ написан
    2 комментария
  • В каком размере рисовать дизайн мобильного сайта?

    dom1n1k
    @dom1n1k
    320 ясное дело
    Ответ написан
    Комментировать
  • Стоит ли бросать веб ради интернет-маркетолога?

    kumaxim
    @kumaxim
    Web-программист
    Ответь сам себе на вопрос: "Почему я хочу быть программистом/маркетологом/дизайнером и т.д."? Можешь нигде в сети не светить свой ответ, просто зафиксируй его для себя на клочке бумаги.

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

    У меня душа "лежит" к написанию/чтению кода, копанию в мануалах, анализу логов и т.д. К чему душа "лежит" у тебя? Что тебе больше нравится: программирование или маркетинг? Ты не сможешь долго заниматься тем, что тебе не нравится. Сделай выбор в пользу чего-то одного и копай вглубь изо для в в день. Деньги потом сами придут, главное чтобы потом, когда они у тебя будут, ты мог спать спокойно, не грызя себя за то, что "А вот надо было тогда...."
    Ответ написан
    1 комментарий
  • Растр в большом разрешении или вектор для казуальной игры?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Можно создать растры высокого разрешения, а при первом запуске - программно сформировать из исходных под нужное разрешение экрана и закэшировать. При последующих запусках - использовать кэш.
    Ответ написан
    2 комментария
  • Какой образ windows лучше накатить (512 ОЗУ)?

    Jump
    @Jump Куратор тега Системное администрирование
    Системный администратор со стажем.
    Да какую угодно.
    Просто для работы указанных вами приложений нужно как минимум 2гб, а по хорошему не меньше 4гб.
    Вся оставшаяся оперативная память достанется ОС.
    Ответ написан
    Комментировать
  • Размеры макета сайта?

    vladislav_boychenko
    @vladislav_boychenko
    Купаюсь в гривнах
    Ширина макета в любом случае 1920рх -- для фоновых изображения, а вот сетка сайта -- по центру сколько в приоритете. В большинстве случаев 960рх будет отображаться хорошо везде, но уже как бы по сетке бутстрапа надо (можно) рисовать, и там 1170рх.
    Ответ написан
    Комментировать
  • Как вы относитесь к бесконечной прокрутке в интернет-магазинах?

    Taraflex
    @Taraflex
    Ищу работу. Контакты в профиле.
    ИМХО Бесконечная подгрузка допустима только на сайтах развлекательной тематики, чтобы люди бесконечно глазели на котиков и прочие смешнявки.

    В магазине не применимо абсолютно. У пользователей будут проблемы с сохранением ссылок "на посмотреть и сравнить позже" и скидыванием ссылок друг другу.
    Ответ написан
    Комментировать
  • Практика на заочке в ВУЗе для фрилансера. Как пройти?

    kawabanga
    @kawabanga
    Я в универе сделал свое ИП, и через него пол группы прогнал... Ничего сложного там нет кстати.
    Ответ написан
    Комментировать
  • Откуда вы качаете исходники популярных шрифтов?

    Serj-One
    @Serj-One
    i'm sexy and i know it
    но качать оттуда кажое начертание по url в инспекторе как-то не хочется.

    Открою тебе секрет:
    82e32177d24948d58728e5d953eae6e7.png
    Ответ написан
    1 комментарий
  • Какой программой решить задачу по планированию перевозок?

    zoonman
    @zoonman
    ⋆⋆⋆⋆⋆
    Это называется комбинацией задачи коммивояжёра с задачей об упаковке с дополнительными условиями.
    Решается очень и очень непросто. Такими вещами занимаются программисты, работающие в логистических компаниях. Рекомендую обращаться сразу к таким людям.
    Ответ написан
  • Есть ли такая профессия где разрабатываешь интерфейсы?

    iiiBird
    @iiiBird
    Пока ты спишь - твой конкурент совершенствуется
    нет. это входит в работу дизайнера. хороший дизайнер и без таких людей сможет все это реализовать.
    Ответ написан
    3 комментария
  • Насколько удобно создавать макеты сайтов в illustrator?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    насколько удобно и возможно ли вообще работать веб-дизайнеру в illustrator при создании макета сайта.

    Работать возможно и вполне удобно. Проблема в другом — верстальщики не жалуют т.к. плагины и утилиты, облегчающие вёрстку под Фш есть, а под Аи нет. Это не раз обсуждалось даже здесь, на Тостере. Поищите.

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

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

    мелкие элементы (~ менее 10 пикселей) нарисованные в этом же масштабе потом плохо масштабируются в большую сторону

    Очередная странность, никогда не было таких проблем. Это же вектор, его можно масштабировать как душе угодно. Смотрите какие настройки выставлены, возможно, «сложности» из-за этого.

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

    Достаточно поставить «галочку» и обводка будет масштабироваться (панель Transform). И никаких «взять в бОльшем масштабе, а потом уменьшить» не нужны. Так что эта «проблема» лишь из-за незнания функционала программы. Советую изучить тщательнее Аи, посомтреть все возможные настройки в панелях, посмотреть уроки и т.п.

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

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

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

    Не существует программы, которая сделает работа за дизайнера :) Лень по Alt+Tab переключаться между программами? Ну идите в копирайтеры, там одного Word'a хватит))

    Если выбрал 1:1, встает вопрос, как потом графику нарезать для ретины? Если больший, то насколько? Так чтобы на ту самую ретину хватило?

    В Фш есть assets, также есть куча сторонних плагинов — выбирай что удобнее. Инструкций, статей и обзоров, благо, хватает. По поводу размеров для Ретина и прочих также существует масса статей с инструкциями (не считая гайдлайнов), вы их легко найдёте.

    Но тогда как работать с растром, ведь зачастую нет фотоматериалов хорошего качества и приходится использовать бэкграунд шириной 1400 пикселей на экраны 1920 пикселей шириной, а если масштаб еще увеличенный скажем x1.5, тогда этот фон в макете начнет размываться при растяжении.

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

    Если ни одна программа не идеальна, то логично сделать выбор об использовании более одной программы в работе ;)
    Индизайн не для веба, хоть в нём, порой, и удобно сделать даже такой макет (например, сделать скелет, а затем продолжить работу в Фш; особенно, если в макете основа это текст). Всякие Muse и прочие полуавтоматические или автоматические инструменты тоже могут быть использованы — всё зависит от конкретной задачи. Для таких как вы сделали еще Affinity designer, но если и он не нравится, то прям не угодишь. Ждите полнофункциональную версию Adobe XD под Win.
    Будете ограничивать себя одной программой — будете вечно ныть, что где-то неудобно.

    Успешно работают люди и в Аи, и в Фш, и в Скетчах и т.п. И каждый из них когда-то чего-то не знал, чего-то не умел и не понимал. Всё придёт с опытом и вместо того чтобы искать единственный универсальный инструмент лучше бы изучали возможности разных и учились применять это на практике. Сейчас, многие умеют создавать практически идентичный результат не зависимо от того растровый это или векторный редактор. Разница лишь в навыках специалиста.

    Про макеты для адаптивного тоже не раз уже обсуждали здесь. Кто-то привык делать только одним способом, кто-то исходит из ситуации. Я отношусь ко вторым и на практике бывало разное:
    а) делаются макеты под каждое разрешение (список обсуждается с клиентом/верстальщиком) - дольше и дороже, но некоторые верстальщики предпочитают такой подход;
    б) делается один основной макет и текстовое описание поведения блоков и элементов, часть графики может готовиться дополнительно - подходит для несложных дизайнов, где логика поведения интерфейса может быть описана словесно и когда нужно немного сэкономить;
    Иногда можно просто блок-схемами показать поведение интерфейса.
    в) делается один макет и всё - чаще если клиент экономит и/или еще нет конкретного верстальщика и клиент не знает нужны ли доп макеты; тут либо верстальщик потом сам мучается над адаптивом, либо клиент возвращается за доп макетами.
    Не могу выделить какой-то самый популярный из вариантов т.к. все они бывают примерно в равном соотношении.

    Бюджет мал — делайте один, бюджет позволяет и/или клиент хороший — делайте по максимуму, если вам важно чтобы сайт выглядел как вы задумали при разных разрешениях экрана.
    Ответ написан
    2 комментария