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

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

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

О, портфолио

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Черта

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

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

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

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

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

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

E-mail: contact@webformyself.com

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

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

Хотите научиться создавать шикарные дизайны сайтов?

Получите бесплатную пошаговую обучающую систему по веб-дизайну

Получить

Метки: , ,

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

Комментарии Facebook:

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

  1. Lena

    Странная статья, ни про что….((((

  2. Дарья (автор статьи)

    Lena, сможете написать лучше — напишите про что!
    А потом мы наблюдаем десятки безвкусных портфолио в Сети.

    • Lena

      Ny i v statie primeri ne ochen-to yda4nie……..

    • Дмитрий

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

      • Виктор Рог

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

        Во всем остальном я уважаю Ваше мнение, также как и мнения других посетителей.

        Собственно, поэтому мы допускаем комментарии абсолютно разных, диаметрально противоположных, точек зрения.

      • Анатолий

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

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

        Было бы не плохо восполнить этот пробел. Так что, кто считает что может лучше, Дерзайте! Кто Вам мешает.

        • Дмитрий

          Анатолий, вы согласно вашему высказыванию «кто считает что может лучше, Дерзайте!», как и Дарья » сможете написать лучше – напишите про что!» видимо считаете , что если человек не может сделать лучше, то и критиковать не имеет право. Тогда по вашему жигули идеальный автомобиль — вы же лучше сделать не сможете.
          Согласе с тем , что изменив заголовок ситуацию можно поправить, но с тем что статья милая — нет. Подобных статей пруд пруди.
          «Дмитрий, моя профессиональная деятельность, которая, к слову, безусловно затрагивает графические программы, никакого отношения к данной статье не имеет.», что пытались сказать этим каламбуром?
          Где портфолио автора?????

  3. fontan

    да нормальная статья, с удачными примерами ;) ))

  4. Дарья (автор статьи)

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

  5. Jagert

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

  6. Анатолий

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

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

    … Я не отговариваю Вас от этих попыток. Наоборот, прошу продолжать. Но будьте готовы к тому, что отзывы не всегда (мягко выражаясь) будут лестными. Что делать?.. Часть вообще не поймет что Вы им хотели сказать, но при этом, будет считать себя обязанной высказать именно, КРИТИЧЕСКОЕ мнение…( И кому оно нужно?)… А некоторая, и далеко не малая часть, скучающих граждан, считает свей святой обязанностью обругать все что ни увидит, и почему-то выдает это за критику. Я думаю, что Вы и сами, часто наблюдали сообщения этих «Критиков» на любом форуме.

    Продолжайте!.. Не стоит останавливаться, если есть, что сказать.

  7. Дарья (автор статьи)

    Анатолий, благодарю! Буду продолжать. Вы правы, вкус либо есть, либо его нет.

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

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

    … И я надеюсь, те кто должен понять и увидеть красивое — поймут.

  8. Letifera

    «да! Помимо копирайтинга я также занимаюсь дизайном сайтов» (цитата из резюме автора)

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

  9. Rimma Molzen

    Замечание по ссылкам> Лучше бы если они открывались в новом окне, а то чтобы вернуться на статью после просмотра портфолио надо столько шагов идти назад. Надо бы учитывать этот момент для удобства. Это кстати тоже важный момент, чтобы не потерять посетителя. Заголовок не соответствует тексту. Ничего не почерпнула. Посмотреть чужие портфолио я могу и сама найти массу. Кстати первый линк вообще что то ужасное. Надо было напистаь, что такие не рекомендуется делать… Хотя конечно среди низ есть интересные примеры, но где же обещание пояснения КАК СОЗДАТЬ ИДЕАЛЬНЫЙ ПОРТФОЛИО…
    «Примеры дизайна портфолио» — на большее статья не тянет. Вы вводите читателя в заблуждение, заходишь и не получаешь того что нужно. Это хорошо для рекламы или чтобу увеличить поток писателей, но вам это не в плюс….

  10. Дарья (автор статьи)

    Letifera, а достойны ли вы вообще переходить на обсуждение личности автора и его рода деятельности? не нравится — не читайте.

  11. Света

    Очень интересная и полезная статья, легко читать. Жду от Вас новых статей! Спасибо!

  12. Мария

    Статья хорошо читается, она уникальна. Жаль, что так мало статей от этого автора.

  13. Ирина

    Я случаенно наткнулась на эту страницу ..искала информацию для курсовика… и хочу сказать…Дизайн дизайном…но я не перестаю удивляться насколько люди в этом мире жестокие и ужасные…комментарии, зачем же так капать ядом???Letifera:-»ох божечки, божечки, наверное, даже наши праправнуки будут учиться уму-разуму у западных профи. когда же уже просветление на наши головы снизойдет-то?» И когда в следующий раз капать ядом будете (коментаторы) остановитесь и задумайтесь что же вы в этой жизни сделали интересного и полезного!! В этой статье есть много полезных советов и примеров! И читается очень легко и приятно)) Дарья, ты молодец!!! -_0

  14. Святослав

    В статье отличные, современные, стильные примеры!!! Автор явно разбирается в дизайне и у нее нет проблем со вкусом.
    Статья очень милая, написана хорошо, читается легко.
    Очень жаль, что так мало статей от автора… интересно пишет! Жду новых статей!

  15. Eugene

    Поддерживаю. Сам недавно закончил сайт онлайн киноклуба на wix.com/nyukers/cinemaclub
    По моему неплохо. Но главная проблема в том что от идеи до реализации путь не близкий, поэтому часто необходимо участие двоих: дизайнера и кодировшика. А это не всегда возможно. На моем блоге тоже есть пару статей о «проблемах» дизайна.

  16. Игорь

    Спасибо, довольно неплохая статья, мне кажется что-то аналогичное уже встречал. Кстати не помешает также создавать портфолио на специализированных интернет-проектах, которые также могут являться и рекламным инструментом для мастера. Тут например dootis.r… или еще где-нибудь, поискать нужно в инете

  17. Александр

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree