Дизайнер портфолио


Самые популярные приёмы в дизайне веб-портфолио — Look At Me

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 1.

ТекстПолина Васильева

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

Параллакс-скроллинг

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 2.

by Jake Blakeley

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

 Примеры

 

 

Оформление социальныхплагинов

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 3.

by Seth Eckert

Трудно найти современный сайт-портфолио без каких-либо отсылок к соцсетям: Facebook, Tumblr или Behance давно стали полем работы PR-специалистов самого разного толка, а значит, для собственного продвижения полезно не только иметь блог и несколько активных аккаунтов, но и не полениться сделать красивые ссылки на сайте-портфолио. Обычные иконки приелись интернет-пользователям, стало быть, их могут заинтересовать нестандартные социальные плагины.

Примеры

 

 

Креативный подходк типографике

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 4.

by Ricky Linn

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

Примеры

 

 

Адаптивный дизайн

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 5.

by Chris Bannister

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

Примеры

 

 

Фиксированное меню навигации

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 6.

by Andreas Brixen

Закреплённые элементы верхнего меню всегда остаются на одном месте при прокрутке страницы, иными словами, вы не оставляете посетителям шанса заблудиться в разделах вашего сайта. Эта функция особенно удобна для адаптивных сайтов: отпадает надобность создавать кнопку «подняться наверх», и, ко всему прочему, очень стильно выглядит. Ключевые разделы вашего портфолио будут у пользователей всегда перед глазами. Роль удобной навигации в проектировании сайта трудно переоценить и нельзя считать задачей второстепенной: соответствующая панель может быть как горизонтальной, так и вертикальной.

Примеры

 

 

Вертикальный скроллинг

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 7.

by Creativedash

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

Примеры

 

 

Фото- и видеобэкграунд

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 8.

by Brett Smith

Фотография на фоне — не новый, но по-прежнему популярный приём. Это решение, актуальное не только для портфолио стилистов, студий и фотографов, но и всех, чью деятельность можно максимально эффектно подать с помощью фотографии. Помимо смыслового содержания фото, стоит обратить внимание на цветовую палитру, контрастность и наличие/отсутствие мелких деталей, которые так или иначе диктуют расположение различных элементов дизайна на главной странице.

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

Фотобэкграунд
Видеобэкграунд

 

 

Лаконичный дизайн

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 9.

by Dmitry Samarenkov

Утверждение «всё гениальное просто» не имеет срока годности: так называемый flat design не теряет популярности среди веб-дизайнеров. Пользователи будут вам благодарны за отсутствие перегруженности визуального и текстового контента. Кроме того, использование нейтрального фона (никаких градиентов, текстур и теней) и ярких цветовых акцентов на важных элементах не даст пользователю возможности отвлечься. На что обращать внимание и что брать за основу: модульная сетка, качественная типографика, отказ от любых элементов, не отвечающих за функциональность. Несмотря на иллюзорную простоту, в минималистичном решении нередко заложена целая философия, иначе дизайн рискует стать попросту скучным.

Примеры

 

 

Анимация

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 10.

by Levani Ambokadze

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

Примеры

 

 

Использование инфографики

Самые популярные приёмы в дизайне веб-портфолио. Изображение № 11.

by Piotr Kwiatkowski

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

Примеры

www.lookatme.ru

Портфолио веб-дизайнера

До сих пор мне трудно представить, что есть веб-дизайнеры, которые не имеют собственных веб-сайтов. В век компьютерных технологий крайне важно, чтобы у каждой творческого человека было своё  цифровое портфолио, особенно если он работает в сфере веб. Сайт должен быть чистый и  легким для восприятия, а главное, удачно  демонстрировать ваши работы. В данном случае поговорка «сапожник без сапог» неуместна, так как первое, на что будут обращать внимание клиенты и работодатели — это ваше портфолио. 

 

Создать портфолио веб-сайта — это не просто разместить несколько изображений в Интернете. Часто портфолио может спасти Вас (и потенциальных клиентов) от потерянного времени и потраченных нервов.

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

1. Лучше меньше, но лучше: преимущество качества над количеством

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

2. Больше информации

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

Добавьте немного  информации о том, какой тип работы вы сможете сделать, ищите ли вы работу в офисе или отдаёте предпочтение фрилансу. Расскажите немного о себе,  своих навыках, интересах. Не плохо бы было добавить фотографию.

Эти вещи сделают вас более представительными для посетителей сайта и помогут им наладить связь с вами. Людям нравится взаимодействовать друг с другом,  и предоставление этой информации может помочь вам получить преимущество.

 

3. Сделайте незабываемый дизайн

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

4. Постоянно обновляйте портфолио

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

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

5. Описывайте свои работы

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

6. Раздел «Блог» на сайте

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

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

Заключение

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

 

При написании статьи были использованы материалы из designshack  и creativenerds

www.dejurka.ru

5 портфолио выдающихся дизайнеров

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

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

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

Саад Мусаджи ( никнейм lost-exile)

Портфолио на behance

Саад молодой дизайнер из Колорадо США, он самоучка. Чуть более двух лет назад, Саад решил попробовать себя в Фотошопе. С тех пор и по сей день, они неразлучны. Больше всего Саад увлекается такими направлениями дизайна как типографика, фотоманипуляция и цифровой рисунок.

типографический дизайн из ветвей

ад и рай

ретрофутуристическая манипуляция

футуристический постер

манипуляция Тринити

дерево жизни

креативная манипуляция

Люк Вэрмэйден (никнейм Jaxe)

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

Майкрософт дизайн

райский уголок

яркая манипуляция

стильный дизайн

неоновый тигр

блеск в фотоманипуляции

пропорциональный дизайн

Максимильян Джецевич (никнейм Skam)  Ему 26 лет, он проживает в Хорватии. В детстве Максимильян любил рисовать. С возрастом возрастали и его навыки. Начинал с цифровых дизайнов. А те работы которые он создает в данный момент, вы можете увидеть ниже.

шрифты в воде

звездный слон

кровавый постер

иллюстрация Эксплорера

адское дерево

постер в стиле ретро

Роджер де Бов

Роджер дизайнер из Бельгии. Ему 22 года и он занимается графическим дизайном. Он полностью отдает себя этой профессии, так как не видит себя не в какой другой сфере кроме дизайна. Роджер создает действительно потрясающие работы.

радужный дизайн в стиле гранж

постер в стиле ретро

стильный гранж постер с абстрактными элементами

типографика в виде музыкальных пластинок

Игорь Сцекис (никнейм Virus69)

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

креативная типографика

яркая иллюстрация

абстрактная типографическая работа

абстрактная манипуляция

пылающая комета

приближение Армагедона

музыка в голове

креативная иллюстрация

Подборка собрана из различных источников



Комментарии

Оставить ответ

Похожие статьи

Случайные статьи

www.dejurka.ru