• Какие существуют правила хорошего дизайна?

    27cm
    @27cm
    TODO: Написать статус
    Комментировать
  • Чем заняться/что еще изучить, имея некоторый набор знаний?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Конечно, Вам не нужно фриланса с прокачкой самых ходовых там тем.
    любой заказ = сильные стороны (60% задействования) + новое или развитие (40%)

    во фрилансе задействованы будете на те же 5%, только голова будет забита треш-фреймворками и "умением разбираться в чужом коде", и по времени загружены будете. Это не путь, если есть работа с хорошим доходом.
    Вам, видимо, надо занишеваться в какую то тему ИБ, мониторить вакансии компаний(международных) по теме. Из того, что полезно изучить - работу с данными в вязке с python, возможно (эта тема и сама по себе, без ИБ, востребована). Если на работе нет программирования - заняться своим проектом или присоединиться к команде.
    Ответ написан
    2 комментария
  • Веб-дизайн и фронт-энд в одном флаконе, стоит ли?

    vshemarov
    @vshemarov
    Однозначно стоит и будет востребовано! Я ощущаю острую нехватку хороших верстальщиков. Еще меньше верстальщиков, обладающих вкусом и навыками дизайна. Не раз сталкивался и с тем, что дизайнеру не хватает понимания нюансов веб-верстки, и он отрывается в своем творческом порыве, не задумываясь над тем, как его задумки будут реализовываться.

    В общем, на мой взгляд, без работы точно не останетесь
    Ответ написан
    1 комментарий
  • Веб-дизайн и фронт-энд в одном флаконе, стоит ли?

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

    romy4
    @romy4
    Exception handler
    знать надо. но специализироваться надо на одном направлении
    Ответ написан
    1 комментарий
  • Где учиться веб-дизайну онлайн?

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

    @mobilemary
    Рисую и пишу
    Дизайнер с навыками верстки на западе практически стандарт, так что думаю игра стоит свеч. А, вообще, я считаю, что если душа лежит и к тому и к тому, то надо заниматься и дизайном и разработкой. Далее уже можно расти до фронтенд инженера или до фулстака, если затянет
    Ответ написан
    1 комментарий
  • Веб-дизайн и фронт-энд в одном флаконе, стоит ли?

    edli007
    @edli007
    full stack, team lead
    фронт-энд это если вы еще логику будете писать, скрипты, анимации, всякие запросы.
    Для этого желательно знать какой-то JS фреймворк ( jQuery не фреймворк).

    Но и без этого это весьма востребовано.
    Ответ написан
    5 комментариев
  • Веб-дизайн и фронт-энд в одном флаконе, стоит ли?

    slavent77
    @slavent77
    JavaScript fanatic
    В СНГ не знаю, но в России веб-дизайнер и фронтенд-разработчик - разные люди. Когда-то я был на таком же распутье и предпочел писать код.
    Ответ написан
    4 комментария
  • Веб-дизайн и фронт-энд в одном флаконе, стоит ли?

    DevMan
    @DevMan
    есть такое понятие как full-stack developer.
    насколько востребовано в СНГ не в курсе, но в мире им работы хватает.
    Ответ написан
    8 комментариев
  • Веб-дизайн и фронт-энд в одном флаконе, стоит ли?

    @tasce
    Обычно тем, кто умеет делать что-то одно, но очень хорошо платят больше, чем тем, кто умеет всё, хотя всегда бывают исключения.
    Ответ написан
    4 комментария
  • Какие существуют правила хорошего дизайна?

    @xlusv
    Я бы рекомендовал попробовать сверстать собственный макет самостоятельно, к примеру, на том же bootstrap. На своем опыте оцените, есть ли недостатки.

    Из правил:
    1. Дизайн не должен мешать пользователю. Чем меньше шума, тем лучше. В идеале - ничего лишнего на экране. И как можно меньше анимации.
    2. Функциональность превыше эффектов - сначала содержимое, только потом украшения
    3. Мыслить от абстрактного к конкретному, мыслить модульно - чистый холст делим на части (в пропорциях), потом добавляем компоненты в виде сплошных фигур, потом детализируем компоненты. Так мыслит и верстальщик, и программист. Хранить компоненты в отдельных файлах.
    4. Красивый дизайн - логичный дизайн. Все должно быть упорядоченно, иметь обоснованные размеры, отступы, цвета и эффекты
    5. Постоянство - одна цветовая схема, пропорции, типографика, элементы
    6. Стандарты и традиции. Поведение предсказуемо. Стрелка вниз на панели означает, что панель развернется вниз, а не вверх. Красный - опасное действие, зеленый - безопасное. Используйте стандартные иконки, вместо никому не знакомых.
    7. Смотрите на дизайн чужими глазами - наложите черно-белый фильтр или размытие и убедитесь, что содержимое не растворилось, акценты на месте. Продумайте, что случится с колонкой или меню, если текста будет слишком много или мало.
    8. Растровая графика для фотографий и многоцветных изображений. Все что может быть описано в векторе - делается в векторе.
    9. На каждое правило бывают исключения


    Книги и материлаы
    1. Design for Hackers: Reverse Engineering Beauty - технический взгляд на элементы дизайна
    2. Прочие книги по UX и web-design в списках бестселлеров amazon / ozon
    3. behance и dribbble - для анализа лучших практик
    4. Руководства по стилям: Google Material Design, Modern UI, Apple Human Interface Guidelines, ibm design. Тоже для анализа практик и правил для конкретной платформы.
    Ответ написан
    6 комментариев
  • Какие существуют правила хорошего дизайна?

    Haleff
    @Haleff
    Надоедлив
    Как по мне привила очень просты.

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

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

    @ber_enot
    Веб-разработчик, Vue.js / Node.js
    Возьмите .psd с сеткой бутстрапа и рисуйте дизайн, чтобы основные блоки занимали целое количество столбцов.
    Если в каком-то элементе много подэлементов, его тоже можно разделить на 12 равных столбцов, далее аналогично.
    А вообще, лучше почитать про основы верстки, тогда будет понятно, что реализовать можно, а что сложно.
    Если есть конкретные вопросы, пишите в комментарии, я верстальщик.
    Ответ написан
    2 комментария
  • Какие существуют правила хорошего дизайна?

    kawabanga
    @kawabanga
    на хабре помню всплывала очень интересная статья по этому вопросу, там советы дизайнеру именно о том, как готовить дизайн для верстальщика. Там в статье был особый упор на сетку и на то, чтобы верстальщик сразу видел в комментариях код, с помощью которого можно все сделать на css.
    UPD. Во, нашел, статья на подобии этой была - habrahabr.ru/post/175083

    20 «НЕ» для веб-дизайнеров
    habrahabr.ru/post/52019

    К слову, Sketсh 3 инструмент позволяет создавать дизайны, которые более приятны верстальщикам.

    а пока, что по поиску гугла нашел
    - habrahabr.ru/sandbox/41405
    - habrahabr.ru/post/173271
    - habrahabr.ru/post/159141
    - habrahabr.ru/post/197588
    - habrahabr.ru/post/145295
    Ответ написан
    4 комментария
  • Где учиться веб-дизайну онлайн?

    mikelazarev
    @mikelazarev
    Дизайн есть культура, со своими законами и порядками, которые постоянно меняются у нас в головах. Здесь нет инструкции, которую надо прочитать. Если ваша мечта - научиться делать продающие страницы, то вы просто не понимаете о чем эта профессия. Вообще.
    Ответ написан
    6 комментариев
  • Есть ли смысл обучаться HTML, CSS, JS и Java на teamtreehouse.com?

    Потрясающий сайт для начинающих!По Front-end куча материала.
    Тем-более есть возможность получить триал на месяц или 14 дней.
    По сравнению с Udacity больше практических заданий(то есть посмотрели видео и
    сразу написали код).
    Между прочим советую обратить внимание на Udacity.Тоже восхитительный сервис,
    но всё бесплатно(кроме Nanodegree).
    Ответ написан
    3 комментария
  • Как создать сайт вроде спрашивай.ру?

    HoHsi
    @HoHsi
    Не стоит сразу же замахиваться на большой сервис, начните постепенно. Каждый начинающий программист первым своим проектом грезит сделать убийцу ВК / FB. Скажу сразу, это с первого раза не выйдет. Как не выйдет и с 10. Но! Это не повод, что-бы не развиваться и не учиться. Итак если вы все же решили потрать пару месяцев на обучение, или вы уверены, что пойдет меньше, начните так:

    Шаг первый
    Html. Это язык разметки, на котором написано 100% веба, то есть это необходимая вещь де-факто. Он позволит вам разместить текст на странице, оформить ее.
    В базовой аналогии, это ворд для интернета (кышь Ъ праграммысты, это довольно хорошая аналогия для новичка, продолжим...).

    Это займет +- 1 неделю

    Вам помогут:
    * htmlbook

    Шаг второй
    CSS. Это язык стилизации. Перекрасить текст, увеличить отступы, сделать тень у блоков это к нему. Все крависости в интернете делаются на нем. 99% веба использует для стилизации именно его, так что опять же это стандарт.

    Это займет +- 2 недели

    Вам помогут:
    * Sorax

    Шаг третий
    PHP. Это уже язык программирования (плохой, больной, уродливый, но язык. Да начнется холивар). Он поможет вам понять как это работает, как устроена кухня. Поковыряйте его, обучитесь начальной логике и алгоритмам. Он поможет вам выводить HTML более осмыслено, т.е. вы сможете уже составлять динамические страницы, которые могут подстраиваться под пользователя, добавлять посты, вопросы, картинки и т.д.

    Это займет +- 2 месяца

    Вам помогут:
    * php.net

    Шаг четвертый
    Wordpress. Это почти готовый сайт. В нем уже есть все, что вам нужно. Вы можете писать посты, делать обсуждения и т.д. На его основе вы сможете вылепить что угодно, даже тот самый вопросник. Он написан на PHP, так что он будет дополнять ваши знания. Как только научитись ставить WP, попробуйте написать для него шаблон, потом плагин, и еще и еще. Это закрепит и разовьет ваши предыдущие знания.

    Это займет +- 2 месяца

    Вам помогут:
    * wp-kama

    Шаг пятый
    MySQL. И в частности язык запросов SQL. Это база данных. Они нужны, что-бы хранить информацию вашего сайта в удобном виде. Т.е. по своей сути это таблица экселя, в ней есть поля и их значения. Это так же необходимые знания, так как ваши вопросы из вопросника будух храниться именно там.

    Это займет +- 1 месяц

    Переломный момент
    Наступает переломный, это значит что по истечению полу-года вы должны сесть и подумать, нравится ли вам, что вы делали. Это важно. Так как дальше не будет проще, не будет легче. Начнутся такие вещи как Асинхронность, Брокеры сообщений, ООП, MVC, и другие страшные слова, которые ровно как и предыдущие шаги по-началу будут вас пугать, но потом станут лучшими друзьями.

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

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

    Шаг пятый
    JavaScript. Ура, вы решили, что вы хотите быть программистом, похвально. Этот язык позволит вам сделать ваши страницы более динамичными. Добавить на них анимацию, логику. Этот язык использует 90% веба, так что сомневаться в его значимости нет смысла. Он позволит вам добавить жизнь на ваш сайт.

    Это займет +- 2 месяц

    Вам помогут:
    * Sorax
    * learn.javascript.ru

    Шаг шестой
    Jquery. Это продолжение JS. Это фреймворк (набор готовых функций). Он облегчит вашу работу с JS и позволит делать ее более качественно и быстро.

    Это займет +- 1 месяц

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

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

    Итак развилка:
    Мне нравится PHP, мама я женюсь!
    Ок, тогда вам стоит взглянуть на фреймворки Laravel, Yii 2, вполне хороши. Они довольно мощные и позволят много чего на себе сделать.

    PHP какой-то странный, но мне понравился JavaScript
    Шикарно, значит есть смысл попробовать NodeJS. Это версия языка (Да, я знаю, что нода это среда а не язык, дайте уже объяснить человеку) расчитаная на составление страниц, как PHP. Это очень мощный инструмент, поняв который, вы вряд ли захотите уйти с него. Он поможет вам писать не только сайты, но и приложения для телефонов / планшетов, программы для ПК, возможно игры (но не стоит. По крайней мере с текущим развитием инструментов), демоны, сервисы, консольные приложения и т.д.

    Они оба мне не нравятся
    Что ж, тогда вам могут приглянуться Python, Ruby - эти два языка более близки к PHP, чем JS.
    Или вы за год стали адептом скорости, и не видите большей радости в жизни чем оптимизация и быстрото рендеренга. Ну тогда вам точно понравятся GO и Rust.
    А может быть Dart к тому временем станет мейн стримом, это уже покажет время.

    Что-бы вы не выбрали, это будет хорошим решением.

    Шаг восьмой
    Как говорится, я просто оставлю это здесь. Сейчас нет смысла объяснять, что это, зачем оно и с чем его едет, вы просто взглянете через год на этот список и все поймете.

    CSS:
    * Sass / Less / Stylus

    JS:
    * CoffeeScript / LiveScript / TypeScript
    * Angular
    * Promise

    NodeJS:
    * NPM
    * Express

    Ускорение работы:
    * Gulp
    * Jade
    * Yo

    Остальное:
    * MongoDB
    * MariaDB
    * RabbitMQ

    Шаг 7 и 8 займут у вас всю жизнь
    Это не в коем случае не значит, что язык будет тем же, просто Язык / Технолигия будут заменяться на другую, а смысл будет тем же. Будут новые технологии, будут новые подходы, новые языки. Будет интересно и весело.
    Ответ написан
    15 комментариев