Как создать идеальный дизайн для портфолио? Примеры дизайна сайтов

дизайн потфолио

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

О, портфолио

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

Поле боя дизайнерских идей

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

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

Наблюдение, а не подражание

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

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

ПРИМЕРное поведение

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

//ilyas.ru/
дизайн портфолио

//vitalyshepelev.com/
дизайн портфолио

//www.melekesceva.ru/
дизайн портфолио

//anya-aleksandrova.com/
дизайн портфолио

//kaff.ru/
дизайн портфолио

//artyulia.com/
дизайн портфолио

//reey.ru/
дизайн портфолио

//fntw.ru/
дизайн портфолио

//alexarts.ru/
дизайн портфолио

//ashatan.ru/
дизайн портфолио

//dwaiter.com/
дизайн портфолио

Примеры всегда пойдут на пользу. Мы можем использовать сайты схожей тематики в качестве источника вдохновения, но не имеем этического права копировать точь-в-точь все детали оформления. Да и воспроизвести похожую на оригинал столь качественную копию получится только у опытного профессионала.

Супермаркет для дизайнера

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

К примеру у нас в разделе «Графика»

Несколько из таких ресурсов:

//www.lenagold.ru/

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

//pixelbrush.ru/clipart/vector/

//www.clipart.net.ua/

//www.free-clip-art.com/

//www.clipart.com/en/

//www.freeclipartfree.com/

Но, к сожалению, почти на каждом бесплатном и частично бесплатном ресурсе существует возможности покупки. За некоторый, наиболее качественный и эксклюзивный клипарт, придется заплатить умеренную, но, все же, плату (если речь идет не о тренировке, а о реалистичном проекте, например, вашем портфолио).

Поле боя дизайнерских идей – 2

Полученный глоток вдохновения от созерцания прекрасного, примерно-подражательного, может сыграть злую шутку. Не важно, разрабатываете ли вы идею дизайна с потолка, либо смотрите подборку лучших из лучших дизайнов портфолио – обрывочные идеи, возникающие в голове, могут поглощать друг друга, накладываться и превращаться в мусор. Как же тогда из десятка “Хочу”, выделить одно “Надо! И именно это мне подходит”?

Надо! И именно это мне подходит

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

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

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

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

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

Черта

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

Один знакомый дизайнер попросил высказать мнение о дизайн-макете сайта. Я открыла картинку с безумными шрифтами, иллюстрациями и иконками. “Так масштабно, что глаза разбегаются, и даже с первого взгляда не поймешь о чем сайт или о ком” – резюмировала я. “Это портфолио дизайнера, то есть мое личное” – получила я в ответ.

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

Удачного вам выбора идеи для идеального дизайна портфолио!

Автор: Даша Григорьева

Редакция: Рог Виктор и Бернацкий Андрей. Команда webformyself.

E-mail: contact@webformyself.com

Проект webformyself.com — Как создать свой сайт. Основы самостоятельного сайтостроения

P.S. Хотите опубликовать интересный тематический материал и заработать? Если ответ «Да», то жмите сюда.

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!

Смотреть видео

Метки: , ,

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

Комментарии Вконтакте:

Комментарии (23)