Зміст
- 01. Себастьяно Гаріллі
- 02. Андреа Педріна
- 03. Бенджамін Гедж
- 04. Руслан Сіїз
- 05. Олександр Підо
- 06. Колм Маккарті
- 07. Кай Брюкерс
- 08. Ксав'є Бурділ
- 09. Джованні Сю
- 10. Ду Хайхан Китай
Коли справа доходить до складання сайту портфоліо, головне, про що вам слід подбати, це вибрати найкращу роботу, адже в кінцевому підсумку саме до цього люди приходять.
Але як дизайнеру також добре презентувати цю роботу таким чином, щоб демонструвати свій розум у дизайні. Тож привабливе використання типографіки на вашому сайті дійсно може допомогти вам продати себе та свої вміння. Ці сполучення шрифтів допоможуть вам розпочати.
У цій публікації ми розглядаємо декілька чудових прикладів типографіки на портфоліо-сайтах та дізнаємось у дизайнерів, як вони робили свій вибір.
01. Себастьяно Гаріллі
Себастьяно Джузеппе Гаріллі - дизайнер продуктів, який "закоханий у простоту і одержимий кожною дрібницею". І він, безсумнівно, вірить у спрощення речей, коли справа стосується типографіки на його веб-сайті портфоліо.
"Як сказав Массімо Віньєллі, я вважаю, що цей тип не повинен бути виразним", - пояснює він. «Я вибрав Helvetica для свого сайту, оскільки він був розроблений спеціально, щоб не створювати враження або мати будь-яке властиве значення. Я думаю, що Helvetica є найвищим виразом нейтралітету, і я люблю її чіткість ".
Іншим шрифтом, що використовується на сайті, є Baskerville. "Я вибрав його з довгих списків шрифтів із зарубками, які намагався поєднати з Helvetica", - говорить Гаріллі. "Це був найкращий вибір з точки зору поєднання типів, контрасту, чіткості, і це дало мені можливість мати гарну ієрархію".
02. Андреа Педріна
Андреа Педріна - італійський мультидисциплінарний дизайнер, який в основному зосереджений на дизайні взаємодії. Його портфоліо має виразний стиль, який відразу привертає увагу, з ретро-науково-фантастичним відео-фоном та монохромною задумливою естетикою, яка триває доти, доки ви не наведете курсор на окремий кейс.
Частково причиною того, що все це працює, є запам'ятовуюча типографіка, заснована на поєднанні шрифтів із засечками (Playfair) та без засічок (Raleway). "Я вибрала Playfair, тому що я є великим шанувальником зарубок, старовинних, як шрифти", - пояснює Педріна. «І я вибрав Raleway, тому що він жорстоко точний і має гарну форму. Я просто люблю це, особливо полегшену версію ".
Він підкреслює, що це були не просто експрес-вибори, «Я провів багато досліджень та тестів, щоб оцінити найкращі комбінації шрифтів. Метою було знайти шрифти, які б добре поєднувались із моєю кольоровою гамою, дизайнерським підходом та смаком ".
03. Бенджамін Гедж
Бенджамін Гедж - французький дизайнер, який зараз працює фрілансером у Парижі і спеціалізується на веб-дизайні, ідентичності та дизайні інтерфейсів. Його нагороджений веб-сайт використовує величезні, імпозантні листи, щоб надати максимальну віддачу його роботі, що включає веб-сайти з фільмами для Емі та Чарівного Майка.
Гедж завжди починає свої дизайни, зосереджуючись на типографіці та спираючись на спадщину дизайну друку. "Ви можете створити веб-сайт лише зі шрифтами, і це все одно може бути справді круто", - міркує він. "Я завжди шукаю якісь графічні фігури, якийсь ритм".
У цьому випадку він використав Apercu для основного тексту та Portrait Ultra Light для своїх заголовків. "Я хотів знайти ідеальне поєднання між елегантністю із зарубковим портретом та читабельністю з Apercu", - пояснює він.
- 50 блискучих дизайнерських портфоліо, щоб надихнути вас
04. Руслан Сіїз
Руслан Сіїз, який народився в Україні, а зараз живе в Польщі, є 22-річним дизайнером, який спеціалізується на дизайні інтерфейсів, інтерфейсів та інтерфейсів. Його сильна увага до типографіки видно з домашньої сторінки його портфоліо, яка має суто текстовий характер і домінує великий, сміливий та впевнений заголовок, який потім хитро деконструює на прокрутці.
"Я люблю типографіку!" Сіїз погоджується. “Я витратив багато часу на вибір правильної гарнітури. Мені хотілося чогось блочного, сильного і сміливого. Щось, що доповнило б мої задуми та змусило б заголовок проекту почуватися як заява. Для свого основного шрифту я вибрав надміцний холодильник Deluxe Bold. Для вторинного шрифту я вибрав Nimbus Sans, який є стильним і простим ».
Вибираючи шрифти для будь-якого веб-сайту, він каже: «Вам потрібно продумати деякі якості або характеристики, які ви хочете, щоб ваш дизайн передавав. Це важливо, оскільки кожна гарнітура має свій настрій або індивідуальність. Якщо ви не впевнені, просто задайте собі таке запитання: «Чи підтримує цей шрифт якості бренду клієнта чи доповнює мету вашого дизайну?»
05. Олександр Підо
Олександр Підо, який народився у Франції та живе в Сан-Франциско, є молодим дизайнером, який займається візуальним, інтерактивним та концептуальним дизайном. На його портфоліо-сайті весело та доброзичливо відчувають кольори, макет та типографіку, які насправді вас приваблюють.
Pidault використав Superclarendon для назви кожної сторінки проекту та заголовків розділів. "Цей шрифт має ефект, коли він використовується напівжирним / чорним кольором та з великим шрифтом", - пояснює він. "Це поза часом і може бути легко використано на додаток до без засечок".
І це саме те, що він зробив тут, використовуючи безсерифний кондуктор для основного тексту, а також вертикального тексту та цифр. "Conduit - це шрифт, який мені дуже подобається, оскільки він сучасний і справді читається великими літерами", - говорить Підо. "Він все ще читається при вертикальному використанні та може використовуватися для покращення глобальної структури сторінок".
06. Колм Маккарті
Колм Маккарті - ірландський графічний та веб-дизайнер-фрілансер, який прагне створити функціональні ідентичності, які працюють гармонійно, як у друкованій, так і в Інтернеті. Він застосував мінімалістичний підхід до дизайну свого портфоліо-сайту, який балансує привабливі зображення з ретельно підібраною типографікою.
"Здебільшого я використовував Graphik Light: гарний, сучасний та надзвичайно розбірливий шрифт", - пояснює Маккарті. “До цієї безруковиці є чудова течія, яка робить будь-яке речення чудовим. Висота x-height - це справді впізнавана особливість. Цей шрифт просочує характер і допоміг мені створити сучасну естетику, до якої я йшов ».
Тим часом для заголовків та невеликого основного тексту він використовував Aperçu Regular. «Для мене цей шрифт - швейцарський армійський ніж шрифтів! Це чудово виглядає на екрані та в друці будь-якої ваги чи розміру. Знову ж таки, він дуже розбірливий, але має приємні тонкі деталі, і кожен раз, коли я дивлюся на нього у грі, я закохуюся в цю букву S.
Естетика дизайну Маккарті дуже мінімальна, тому він робить великий акцент на чистій, чіткій та функціональній типографіці, додає він. «Ці шрифти дуже добре збалансовані, і, на мій погляд, вони будуть нелегкими. Для швидкого завантаження я не хотів використовувати більше двох шрифтів, тому вибрані мною мали бути досить універсальними. Я спробував кілька інших парних шрифтів і експериментував із властивостями CSS, коли ходив, але постійно повертався до цих двох ”.
07. Кай Брюкерс
Kai Brueckers - німецько-швейцарський дизайнер продуктів, який любить створювати чудові та цікаві враження від Інтернету та не тільки. І він використовує чисту, чітку та впевнену в собі типографіку на своєму веб-сайті, щоб продемонструвати свій безглуздий підхід.
Але хоча Brueckers спрощує дизайн, це все, що завгодно. «Типографіка важка, - зізнається він, - і вона може легко зламати весь ваш дизайн, коли ви робите це неправильно. Тож для переробки дизайну портфоліо я переглянув понад 80 різних шрифтів, поки не зупинився на 12 різних парах, з якими я хотів поекспериментувати ».
Після того, як він зупинився на групі можливих кандидатів, він зіграв з кожною комбінацією в реальному дизайні, щоб краще зрозуміти, як вони будуть поєднуватися. «Роблячи це, я звузив свої висновки до двох шрифтів, які в підсумку використовую на остаточний сайт: FF Tisa Pro для основних заголовків та абзаців та Proxima Nova для заголовків другого рівня та елементів навігації. "
08. Ксав'є Бурділ
Ксав'є Бурділ, який базується в Ноумеа, Нова Каледонія, - 31-річний графічний дизайнер, арт-директор та ілюстратор. Сайт його портфоліо базується на красивих зображеннях та стильній типографіці.
"Як дизайнер, я в основному працюю в галузі моди, розкоші, культури та майстерності, тому мені потрібен шрифт, який відповідав би цим напрямкам", - пояснює він. «Однак я хотів уникнути холоду та класичного відчуття, яке ми можемо мати, бачачи спілкування з цими галузями. Я знав, що хочу сіріф у мажорі, для розкішного вигляду та відчуття, і безсериф, щоб протиставити йому ".
Врешті-решт, Бурділ зупинив свій вибір на Відображенні вантажів (книгою та курсивом) для заголовків та великого тексту, Scala Sans для дрібного тексту та Cabin для тексту з великими літерами, таких як категорії кейсів та на сторінці Про програму.
"Для мене фрахт пропонує ідеальний компроміс між чимось елегантним, стильним та більш сучасним / деконструйованим підходом", - пояснює він. “Книга досить пряма, а курсив - такий же рок-н-рол, як мені потрібно. Scala ідеально підходить для тексту, тому що дуже контрастує з тим, що дає Freight; це "заспокоює" все, і я знайшов це дуже читабельним у невеликих розмірах, що було обов'язковим для опису проекту. Однак мені не сподобався Scala Sans у кепках: він був занадто високим для того, що я хотів, і я виявив, що Cabin ідеально підходить для цієї роботи ".
09. Джованні Сю
Джованні Сю - французький цифровий дизайнер, який зараз працює в паризькому цифровому агентстві Make Me Pulse. Він зробив сміливий вибір монохромної домашньої сторінки, що відповідає лише типу, для його веб-сайту, який просто посилається на веб-сайти, на яких він працював. У цій простій, класичній презентації використовується шрифт Le Jeune, який Сюй «обрав за свою елегантність та вишуканість», - каже він: «Я просто зробив його дуже великим, щоб люди могли милуватися красою шрифту».
10. Ду Хайхан Китай
Du Haihang - мультидисциплінарний дизайнер та розробник із Шанхаю, Китай, із десятирічним досвідом роботи. Його веб-сайт портфоліо вражаюче використовує динамічну типографіку, використовуючи цілий ряд чудових анімацій шрифтів WebGL, щоб заінтригувати та збудити глядача. Затінені написи, що імітують ефект в'язкості води, особливо заворожують. Перетягуйте, гортайте та прокручуйте, і ви скоро побачите, що ми маємо на увазі.
