Предыдущий ролик Следующий ролик  

Видео урок: Важность эскизов

Основы веб-дизайна

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

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

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

Я держу под рукой набор эскизов в течение всего процесса разработки, поскольку с помощью них можно с легкостью тестировать разные идеи или пробуждать вдохновение. Больше всего мне нравятся эскизы потому, что они позволяют клиентам или сотрудникам сосредоточиться не на процессе принятия решений, а на идеях. Если вы создаете макет в программе Photoshop или компилируете HTML-прототип, то в большинстве случаев люди обратят внимание не на ту идею, которую вы пытаетесь до них донести, а на такие вещи, как оформление, выбор цвета или изображения. Они не могут по-другому. Я имею в виду, что такова природа человека. Используя эскиз, и правда можно сосредоточить все внимание на одной основной идее или предоставить клиентам несколько вариантов отображения какого-то фрагмента контента.

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

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

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

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