• Где подучиться дизайну интерфейсов?

    irestone
    @irestone
    Junior Web Developer
    Ты прав - лучшего совета, чем практиковаться, тебе здесь не дадут.
    Дизайн ведь не медицина, не дата сайнс... Дизайн, в первую очередь, про чутье, а чутье приходит с опытом.

    Однако, следует понять (и принять), что тебе не надо "придумывать". Особенно на ранних этапах. Лучшее, что ты можешь сделать - это копировать. Копировать, копировать и копировать то, что тебе нравится. Но не просто копировать - анализировать, пытаться разобраться, почему тебе это нравится, какие используются паттерны, приемы, как их можно экстраполировать на другие проекты. Извлекать паттерны, играться с ними отдельно - разбираться, как они работают, смешивать друг с другом в разных комбинациях. Вот книга на тему.

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

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

  • Каковы перспективы изучения web дизайна?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    Во-первых, дизайн и разработка - это две очень разных вещи. Во-вторых, дизайнеру надо изучать не технологии, а учиться рисовать, развивать чувство прекрасного, изучать психологию, цветовосприятие, эргономику и т.п. А в-третьих, в работе дизайнера очень много боли. Постановка задачи обычно очень неконкретная. Оценка дизайна всегда субъективна, а потому очень много споров с заказчиками. Каждый начальник склада с умением рисовать на уровне каки-маляки и вкусом типа www.theworldsworstwebsiteever.com будет учить вас делать свою работу. К тому же макеты очень легко украсть. В общем это та область, в которую идти надо по велению сердца и в силу природных талантов.
    Ответ написан
    Комментировать
  • Какие книги посоветуете для будущего Team Lead'a?

    Robur
    @Robur
    Знаю больше чем это необходимо
    Все что с приставкой Lead это уже не про технологию а про людей. Читайте все что найдете про Soft Skills и базовую психологию.
    Если хотите прямо по серьезному зайти - то курсы Стратоплана, у них как раз набор на осень.
    Ответ написан
    Комментировать
  • Профиль пользователя пример создания?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    А какую роль, на вашем сайте, играет профиль? В каком контексте он вставляется на ваш сайт? О чем вообще ваш сайт? Какую роль на этом сайте играет информация о пользователе?

    Вы абстрактно нам задаете вопросы, и ожидаете получить вразумительный ответ. Кроме вас, на данном этапе, никто не знает - как лучше, да и в целом - зачем-то же придумывался профиль у вас на сайте?

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

    И этот сценарий только под конкретный случай, поэтому на интуицию вам никто, ничего не скажет.

    Вот тут кстати можно посмотреть, как люди оформляют профили: https://www.behance.net/search?field=102&content=p...
    Ответ написан
    1 комментарий
  • Стоит ли тратить время и деньги на Geekbrains?

    Zoominger
    @Zoominger Куратор тега IT-образование
    System Integrator
    Есть ли толк от образовательных курсов Geekbrains?

    Нет.

    В интернете о них много отзывов и в основном плохие.

    Удивительно, чего это?

    Хочу войти в IT

    Зря.
    Хотя, если вы включили голову и задумались про качество Гикбрейна, то, возможно, что-то и получится. Большинство идут, как овечки, куда маркетолог позовёт.

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

    Не ведитесь. Идите на стажировки к вендорам, по тестированию DrWeb проводил не так давно, даже платил что-то.
    Ответ написан
    Комментировать
  • Изучение с нуля. Какой путь выбрать? И реален ли он?

    @nrgian
    Забудьте о быстром заработке.

    Джунов уже перебор.
    Джун и с двумя годами опыта, может "очень плохо кушать" при том, что свободного времени на обучение у него и нет.

    Быстрый заработок подложит вам заподлянку - низкий потолок вашей карьеры.
    Ответ написан
    Комментировать
  • Обязательно ли читать книгу по языку/технологии что бы быть тру и продвинутым кодером?

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

    Видеокурс может запилить любой дурак. Чтобы написать книгу, нужно иметь авторитет достаточный для издательства. Кроме того, текст пройдёт редактуру нескольких профессионалов. Поэтому знания в книгах качественные и систематизированные. Для начинающего это очень важные качества.

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

    Наконец, постоянная практика чтения неизбежно приводит к увеличению скорости чтения. И наступает момент когда прочитать учебник будет в 10 и более раз быстрее, чем просмотреть видеокурсы по той же теме и в том же объёме.

    Кроме того, чтение развивает абстрактное мышление - основной инструмент разработчика.
    Ответ написан
    16 комментариев
  • Какие существуют "общие" правила по верстке web страниц?

    AleksandrB
    @AleksandrB
    Совсем недавно вывел "Hello world"
    Комментировать
  • Как зарабатывать 1000$ на фрилансе верстальщику?

    Sanes
    @Sanes
    Найти покупателей на $1000. Фриланс это предпринимательская деятельность.
    Ответ написан
    Комментировать
  • Есть ли такой инструмент для дизайна веб проектов или нужно изобретать свой велосипед?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Услышал тут про Figma, и хотелось бы вступиться за нее. Инструмент создан для разработки дизайна интерфейсов, и полностью используется как приложение, а не "конструктор сайтов". На Figma есть куча UI-kit, которые в свою очередь поделены на компоненты. Через командную библиотеку, любой пользователь может использовать эти UI-киты и конструировать интерфейс. Весь результат можно смотреть в CSS:
    spoiler
    5c98935572860861423772.png

    Более того, большинство больших компаний уже перешло на Figma.

    Тут можно создавать и стили текста для всего документа, и стили кнопок, и стили цветов, и стили теней - и все это использовать в виде одного компонента, применяя стили к любым элементам.
    Ответ написан
    Комментировать
  • Какин инструменты использовать для UX анализа и тестирования?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Хорошие книги по UX-проектированию, оттуда же получите много интересных инструментов для тестирования.

    Новые направления в проектировании компьютерных систем - Джеф Раскин
    Психболница в руках пациентов - Алан купер
    Интерфейс. Основы проектирования взаимодействия - Алан Купер
    Не заставляйте меня думать - Алан Купер
    Хороший интерфейс — невидимый интерфейс
    Дизайн привычных вещей - Дональд Норман

    И не смотрите, на то что книги старые. Сейчас используется в большей степени такая же логика, и такие же инструменты.
    Ответ написан
    2 комментария
  • Дизайн сайта для известного бренда в портфолио?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Юридически это полностью законно, более того, на Behance часто выкладывают работы, где предлагают ре-дизайн известного сайта и выкладывают его себе в портфолио. Это даже очень хорошая тема, за исключением случаев, когда вы подписали договор о неразглашении.
    Ответ написан
    3 комментария
  • А как верстают такой дизайн? Svg?

    Mirkom63
    @Mirkom63
    Я программист
    Не обязательно svg, можно и png просто картинкой на фон положить. Но я бы сделал svg, дабы качество было хорошее и без всяких png-шных размытий. Да и такая большая картинка в svg будет меньше размером чем png.

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

    Chefranov
    @Chefranov
    Новичок
    Ответ написан
    Комментировать
  • Почему появился серый треугольник у слоя с текстом в фотошопе?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Перезапустить Фш и треугольника больше не будет. Шрифт установился, все нормально. Просто он вот так показывает это, не убирая иконку.

    Тормозило на компах раньше, причем нещадно. Но тогда и меры не знали, закачивая сборники по несколько тысяч шрифтов. Даже не знаю сказывается ли как-то количество шрифтов сейчас, когда такая производительность у ПК, но я точно не вижу никакого смысла устанавливать тысячи и тысячи начертаний.
    Советую использовать менеджер шрифтов и по необходимости активировать временно нужный для работы шрифт. Активен он будет до перезагрузки. Какие-то популярные шрифты, используемые ежедневно, можно установить постоянно.
    Ответ написан
    1 комментарий
  • Как называются эти подчеркивания?

    @weart
    Divider (разделитель)
    Ответ написан
    Комментировать
  • Какие должны быть размеры в дизайне?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Не оттуда пляшете.

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

    Так вот, с сайтами аналогичная история.
    10 лет назад считалось, что шрифт 14px это гигантомания и использовали 10 или 12. Между строчками крошечные отступы. Особо нерадивые даже между абзацами пытались не делать пустых строк.

    Есть мода и восприятие пользователем современных сайтов. То, как хочется видеть именно сейчас. Изменяются даже пропорции и зависимости.
    96 это точно такое же красивое число как 100. Это 16*6. А 16 это стандартный размер шрифта основных браузеров.

    Кроме этого есть аспекты адаптивности.
    И правильно не ширина кнопки равна 100 или 96px, а ширина кнопки это ширина текста плюс отступы. И хорошо бы, чтобы эти отступы были пропорциональны размеру шрифта, а не кратны 5px. Вы поставите отступ четко 20px, а пользователь поставит в настройках браузера шрифт 150%. И получится куцая кнопка с некрасивыми маленькими отступами.
    При этом не все элементы должны быть кратны размеру шрифта, какие-то имеют другие зависимости.

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

    Поэтому, хороший дизайнер либо сопровождает работу верстальщика, либо пишет сопроводительное письмо с указанием зависимостей, либо и то и другое.

    И да, дизайнер может четко сказать, что справа отступ 19px, а слева 17, потому что визуально (например, из-за особенностей шрифта) получается ровно. Если это проблема для верстальщика, то не надо работать с таким верстальщиком.
    Верно и в обратную сторону, если дизайнер нагородил какую-то невменяемую конструкцию из-за которой прибавляется лишняя 1000 строчек кода, то имеет смысл обсудить целесообразность ее использования с самим дизайнером и заказчиком.

    Про вклад заказчиков в дизайн, я думаю, вы и сами знаете. У них особенное чувство прекрасного, хорошо, если просто консерватор из первого абзаца.
    Ответ написан
    6 комментариев
  • Как называются правила для создания дизайна в дизайне?

    Гайды, гайдлайны, guidelines. Например, у Apple это называется Apple Human Interface Guidelines.
    У Android есть Material Design Guidelines.
    Ответ написан
    Комментировать