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

    @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 комментария
  • Проблемы с Роскомнадзором, нужен IT-юрист?

    @lakegull
    А самому не догадаться, почему РКН просит удалить контент? Это только вам кажется, что сокрытие номера авто приносит исключительно пользу. На деле такие рекомендации могут снизить вероятность поимки преступников.
    Если хотите и дальше заниматься, не побоюсь слова, этой еботой, то переезжаете на обузоустойчивый хостинг и арендуйте домен не в зоне "рю". Другими словами уходите в подполье, как Рутрекер и готовьтесь к тому, что сайт будет заблокирован на территории РФ.
    Честно говоря не понимаю зачем скрывать свой номер от видеокамер, если каждый день на ютуб выливается огромное количество записей видео регистраторов, на которых этих номеров - хоть базу собирай.
    Ответ написан
    3 комментария