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

    @SuperOleg39ru
    Front-end разработчик
    Добрый день!

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

    flexbox, grid layout
    - это css из современных стандартов. Что бы знать, когда применять - вы должны знать версии старых браузеров, которые необходимо поддерживать на вашем проекте, и соответствующую поддержку этих стилей. Например, формировать элементы на flexbox на порядок удобнее, чем на float, но в IE9 вы уже использовать flexbox не можете.
    Немного о новинках в css тут.
    Поддержка браузерами тут.

    gulp, webpack и пр.
    - это инструменты, которые созданы для облегчения рутинных задач.
    Для верстки очень удобно использовать gulp - вы описываете задачи, такие как создание локального сервера, мгновенная перезагрузка страницы при изменениях, минификация ваших файлов, и прочее.
    Посмотрите отличный скринкаст от Ильи Кантора!

    препроцессоры
    - представьте, что вам чего-либо не хватает в html и css.
    Например, вы хотите разбивать большие html файлы на множество мелких, или вам нужно вставить в html динамическое содержание - для этого созданы html шаблонизаторы. Вы используете в работе синтаксис конкретного шаблонизатора, затем тот же gulp автоматически собирает эти файлы в обычный html, который понимает браузер.
    Аналогичная ситуация с css, препроцессоры позволяют разбивать файлы на мелкие, и собирать в один, доступны переменные и функции, и многое другое.
    Популярный шаблонизатор Pug
    Один из css-препроцессоров Stylus

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

    Ну и конечно статьи и подкасты:
    https://habrahabr.ru/
    jsraccoon.ru

    https://soundcloud.com/web-standards
    https://radiojs.ru/

    Конкретные статьи и ресурсы для новичка:

    frontender.info/a-baseline-for-front-end-developers
    frontender.info/a-guide-to-flexbox
    css-live.ru/articles-css/pravilnye-kontrolnye-toch...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://habrahabr.ru/company/zfort/blog/321214/
    https://frontendmasters.gitbooks.io/front-end-hand...

    Дерзайте!
    Ответ написан
    6 комментариев
  • Что делать первым? Дизайн и интерфейсы или серверную разработку? (backend/API)?

    @miksir
    IT
    Зависит от обстоятельств. И от того, что приоритетнее - затраты или сроки.

    Если у нас есть подробное ТЗ на функционал, по которому работает как бекенд, так и дизайнеры, то разработка может идти одновременно с дизайном. Или есть интеграционные задачи с системами заказчика, по которым можно работать без дизайна вообще - разработке ждать дизайн не нужно.

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

    С опытом управления разработкой приходит понимание, что именно может сильно поменяться после отриcовки UI, а что нет. И это "нет" можно запустить в разработку. Ну а ошибки такого понимания рефакторятся - в большинстве случаев это будет все-равно быстрее, хотя и затратнее.

    С мобильным приложением как-то так же. Мы знаем базовые модели данных, можем делать АПИ. Но по мере отрисовки экранов приложения - АПИ может меняться, дополняться.
    Ответ написан
    Комментировать
  • Что делает UX/UI дизайнер?

    @Nwton
    Ответ написан
    Комментировать
  • Как называется такой стиль рисования?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Это скрин из игры Crossy Road
    Графика: flat low-poly
    Модельки авто: https://www.gamegorillaz.com/crossy-road-style-3d-...
    Вот пример красивой графики в том же стиле:
    penguinisland_00000.jpg
    Ответ написан
    Комментировать
  • Как реализовать в фотошопе данную иллюстрацию?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Никак.

    Открою страшную тайну: эта иллюстрация сделана вручную и сфотографирована (плюс немного финальной ретуши). Быстрее и проще сделать именно так.

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

    Почитайте как автор это делал https://www.behance.net/gallery/37516543/Food-Type...
    Ответ написан
    Комментировать
  • Как реализовать в фотошопе данную иллюстрацию?

    ThunderCat
    @ThunderCat
    {PHP, MySql, HTML, JS, CSS} developer
    Картинка травы, картинка бумаги, в бумаге "режем" дырку, делаем тень, под низ кладем листья. Листья которые должны торчать или отбрасывать тень вырезаем в отдельный слой. кладем поверх слоя бумаги, настраиваем тени.

    Чуть не забыл, снизу пишем гельветикой текст.
    Ответ написан
    7 комментариев
  • Как легально держать веб-сервис, подразумевающий получение прибыли (например ежемесячная подписка)?

    Jump
    @Jump
    Системный администратор со стажем.
    Вы просто несколько неправильно воспринимаете веб сервис И это порождает массу ненужных вопросов, на которые сложно ответить.
    Веб сервис не является самостоятельным хозяйствующим субъектом. Это просто инструмент, оборудование.
    В общем веб сервис с этой точки зрения ничем не отличается от холодильника для замороженной рыбы в магазине. Он просто помогает коммерсанту продавать или оказывать услуги. И холодильник не может заключать договора, платить налоги, и совершать денежные операции.

    Пока понял что ИП или ООО регистрировать в любом случае нужно.
    Да, поскольку прибыль регулярная, без этого не обойтись.

    Открывать ли расчетный счет?
    Если ИП теоретически можно и не открывать. Хотя на практике - трудно представить ситуацию когда без него можно однозначно обойтись. В случае ООО - без вариантов открывать.

    Нужно ли получать какую-либо лицензию?
    Если вы ведете какаю-то деятельность которая подлежит однозначному лицензированию - например торгуете оружием, однозначно нужно получать, если нет, то не нужно.

    Нужно ли уведомлять какую-нибудь гос.структуру о том, что я храню персональные данные?
    Статья 22 пункт 1 федерального закона N 152-ФЗ
    В общем - нужно, если вы не попадаете под исключение указанное в статье 22 часть 2 федерального закона N 152-ФЗ

    А о том, то на моем сайте можно провести какую-либо денежную операцию?
    Тут все просто - на вашем сайте однозначно нельзя провести какую-то денежную операцию! Это просто физически невозможно.
    Денежные операции проводятся через банки, процессинговые центры, расчетные счета, платежные системы, наличный расчет.

    И раз уж на то пошло, сколько можно этим заниматься нелегально, при каких объемах и что за это грозит?
    www.consultant.ru

    Как работать с юриками если ты веб-сервис? Типовой договор с каждым? Выставлять счета по почте + ЭЦП?
    Неправильный вопрос. Веб сервис не может работать ни с юриками ни с физиками. Он работает с компьютерами.
    С юриками и физиками работают другие юрики и физики.
    Т.е договора с юриками будет заключать ни в коем случае не веб сервис, а организация или предприниматель которому принадлежит этот вебсервис.
    Ну а дальше все как у всех - обычная работа организации или предпринимателя с контрагентами.
    Вариантов заключения договоров и документального оформления масса, все зависит от вашей ситуации.
    Ответ написан
    3 комментария
  • Есть в Фотошопе автообновляемый набор компонентов?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    У Adobe есть Assets и синхронизация файлов на нескольких компьютерах. Только нужно под одним аккаунтом заходить или пользоваться коллективным планом.
    https://helpx.adobe.com/creative-cloud/how-to/asse...
    https://helpx.adobe.com/ru/creative-cloud/help/syn...

    Также можно пользовать смарт-объекты и линковать их в макеты.
    https://helpx.adobe.com/ru/photoshop/using/create-...
    Внёс изменения в один смарт и потом просто обновил во всех psd. Но удобнее чтобы файлы были в одном месте (локальный диск или облако), чтобы не пересылать их постоянно друг другу после изменений. Тем более, если их (изменений, да и файлов) будет много.
    Ответ написан
    3 комментария
  • Почему мокапы - презентации сайтов для веб-дизайнерского портфолио всегда показывают на Apple гаджетах?

    ntrox
    @ntrox
    Дизайнер digital-продуктов — elikov.ru
    Не соглашусь со всеми.
    Это не стандарт, это чисто русская попытка продать своё творение подороже.
    Типа дизайн конечно не идеальный - поставлю на мак, убдет само то.

    Есть несколько крутых иностранных студий - у них часто эппл идёт вперемешку с гнусмасами, сони и сурфейс.
    Я стираю логотип на любой используемой технике - хоть эппл, хоть нет.

    В итоге: если вы хотите двигаться дальше, будьте оригинальны. Не пользуйтесь избитыми макетами - ищите новое.
    Ответ написан
    2 комментария
  • Почему генератор иконок fontello уменьшает толщину линий иконок?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Потому что в примере огромная иконка и малюсенькая. Уменьшите что угодно, любое растровое или векторное изображение, и всегда в уменьшенном и линии и остальное будет меньше. Это как бы очевидные вещи. Если бы у мелкой иконки была такая же толщина линий как у верхней, то она выглядела бы как черное пятно. но это все теория.
    На практике кликаем на Help/Wiki далее пункт "How to use custom images" и вот здесь https://github.com/fontello/fontello/wiki/How-to-u... читаем о требованиях к загружаемым файлам, там всё чётко написано — без обводок, только один слитый воедино черный объект. Вот и ответ.

    PS Хотите идеально одинаковой толщины линий во всех размерах? Создавайте отдельные иконки и адаптируйте их под разные размеры. Я всегда так говорю клиентам, на что мне всегда говорят «но вектор же можно масштабировать», а потом получают такой же результат и удивляются :D

    PPS А вообще, чтобы мелкая иконка была более читаемой надо в крупной это учитывать. Сейчас вы нарисовали (или не вы, а кто-то другой) иконку, которая хорошо (а на самом деле нет) выглядит на пол экрана совершенно не учитывая мелкие размеры. Если не получается рисовать большую с учетом меньших размеров, то попробуйте сделать сначала мелкую, а потом её увеличить и посмотреть на результат. Потом берёте среднее значение и делаете финальный результат. Моя основная специализация это иконки, поверьте моему опыту)
    Ответ написан
    5 комментариев
  • Насколько необходимы навыки художника для геймдизайнера?

    tema_sun
    @tema_sun
    Геймдизайнер занимается геймплеем (концепции, механики, баланс), а не внешним видом. Его задача, чтобы в игру играли. Красивости художник нарисует.
    Ответ написан
    Комментировать
  • Как называются рисунки художников на Dribbble?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Как называется направление когда ты рисуешь изображение не преследуя какой-то цели

    Хобби. Но они там преследуют вполне определенную цель - самопиар.

    Насколько я знаю, на дрибле постят всё - иллюстрации, дизайн и просто творческие высеры. Поэтому сам дрибл придумал им название - шоты.
    Ответ написан
    1 комментарий
  • Обучение программированию ребенка?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Изначально, учить нужно не языкам и технологиям, а базовым принципам устройства этого мира, пониманию логики и принятия решений, умению находить новые решения простых задач с максимально возможным результатом.

    Всё это должно быть в игровой форме и максимально быть интересным и простым для понимания.

    Например, на прогулке можно спросить:
    Как отмерить ровно 2м веревки, если есть длинная верёвка неизвестной длины и рядом столб, диаметром 50 см?

    И подобные.

    Как только он научится правильно принимать простые логические решения, он - уже программист!

    Останется ему (уже без Вашей помощи!) выучить любой язык, чтобы стать кодером и воплотить логику своих мыслей в алгоритм в виде кода.
    А 3D, C, OSI или еще что - это уже вопрос десятый...
    Ответ написан
    69 комментариев
  • Как понять, что дизайн хороший или плохой?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Можно попробовать в тематических группах соцсетей и на тематических сайтах behance, revision и т.п., они легко гуглятся (дрибббл не очень удобен для демонстрации сайтов). Вот только эффективность невысокая будет. Работу могут прокомментировать как хорошие специалисты, так и бездари, чьи советы могут только навредить. Плюс, велика вероятность получить бессмысленные комментарии типа «Круто!», «Хорошая работа» от любителей привлечь внимание к своему профилю ради лайков. Есть подобные темы с оценкой на форуме demiart и там, хотя бы, нет лайкодрочеров в таких количествах как на дрибббле или бихансе. Попробуйте погуглить и выбирать ресурс по активности пользователей.

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

    НО! Нельзя оценивать сайт без принятия в расчет интерфейса и удобства пользования. Сайт это инструмент взаимодействия с пользователем и внешняя красота важна также как и удобство восприятия информации и навигации. А для коммерческих сайтов отсутствие конверсии из-за красивой, но неуместно расположенной кнопки может быть убийственным. Но это уже другая история © =)
    Ответ написан
    Комментировать
  • Что почитать помощнику дизайнера?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Посоветовал бы сначала почитать учебник русского языка т.к. ошибок слишком много.
    Ответ написан
    3 комментария
  • Есть папка, в нем слои, как сохранить всю эту папку как картинку?

    Laacker
    @Laacker
    Product design / Marketing
    Поставь после названия папки .jpg или .png (bottles.jpg)
    После чего в рабочей папке проекта создается папка "assets", где и лежит вся графика
    Пример на скриншоте ниже

    1509d38445e64107a5f0b50156fdf081.png
    Ответ написан
    Комментировать
  • Почему фрилансеры готовы общаться только в чате?

    sadisme
    @sadisme
    font-size:30rem
    Всё просто. В 99% ситуаций общения голосом, желают типичные "гуманитарии", которые от темы разработки бесконечно далеко. Ты им говоришь "напишите ТЗ", а они в ответ "давайте я лучше вам всё по телефону расскажу". Они думают если не разбираются в вопросе и не могут ТЗ написать, то уж голосом точно всё объяснят как надо. И не дай бог вам согласиться (а просят как правило настойчиво, ибо самим лень разбираться в вопросе и что-то писать), вынесут вам мозг по полной.
    Ответ написан
    6 комментариев
  • Какую библиотеку PANTONE использовать для покраски логотипов в CMYK?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Какую библиотеку PANTONE использовать для покраски логотипов в CMYK?


    Pantone+ Solid Coated
    Для перевода в CMYK - ищем пантон из первой библиотеки в библиотеке Pantone+ Color Bridge Coated (название будет такое же, но в конце добавится буква "P")

    PANTONE CMYK Coated
    PANTONE CMYK Uncoated
    Чем они отличаются?


    Coated - для мелованной бумаги
    Uncoated - для немелованной

    Либо подразумевается покрытие материала (в случае, если печать не на бумаге). Это означает, что краска будет впитываться либо в покрытие материала, либо в сам материал (если он не покрыт специальным слоем).
    Ответ написан
    2 комментария
  • Какой базой знаний должен обладать хороший дизайнер интерфейсов?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    книжка "Искусство мыть слона", очень краткая и крайне по делу: обзор большинства теорий, несколько конкретных примеров, вообще для старта самое то.
    Ответ написан
    3 комментария