- Cybeer Bar
- Christmas with Joy
- Керівництво Dropbox
- 450 GSM
- Intercom
- Агентство Survival Kit
- Hell'o Baby
- Helbak
- Paye Ton Caps
- CSS Conference EU
- Take It
- Google Santa Tracker
- For Better Coffee
- Dots
- Quotes Magazine
- Who Is This F * cking Bear?
- Stash Flat Icons
- Acapo
- Liberio
- Kaipoche
- Team Treehouse
- SCEATT
- Evolve Wealth
- Black Tomato
- Lander
- висновки
Всі ми знаємо що все нове це добре забуте старе, в світі веб-дизайну це не виняток. Кожен розробник стояв перед дилемою при виборі напрямку в дизайні свого нового проекту. Сьогодні ми б хотіли з Вами поділиться баченням нової течії і редизайну усіма нами улюбленого плоского дизайну, який отримав версію 2.0. Дана версія дизайну зберігає свою конструкцію мінімалізму але вже має свої особливості і доповнення, що відрізняє її від початкової задумки. У чому різниця, ми сьогодні спробуємо розібратися.
Багато різних безкоштовних шаблонів ви можете знайти на сайті наших партнерів, також є і преміум шаблони з цілодобовою техпідтримкою і допомогою в налаштуванні:
Плоский дизайн залишається вельми популярним серед дизайнерів, хоч і задумка пережила деякі зміни, але все одно залишається методом натхнення для багатьох. І для мене в тому числі. Але перш ніж приступити до прикладів дизайну, нам необхідно розібратися в чому ж різниця в новій і старій версії дизайну, в допомогу нам прийде фантастична ілюстрація дизайнера Райана Аллена, яка наочно нам продемонструє основну різницю.
На перший погляд різниці практично не видно, але це не так. Всі ми знаємо, що не так вже й давно став вельми популярний прийом з довгими тінями. Плоский дизайн 2.0 це свого роду метаморфоза плоского дизайну і довгих тіней, завдяки чому плоский дизайн придбав новий стимул для розробників, і приклади таких робіт ми сьогодні хочемо Вам продемонструвати.
Cybeer Bar
Cybeer bar є прекрасним прикладом для початку демонстрації, даний сайт залишаються вірним стилю плоского дизайну, але якщо придивитися, ви можете знайти безліч деталей, які гармонійно доповнюють загальну картину сайту. На сайті домінують два основних кольори, а це означає, що яскраві кольори, навіть в мінімальній кількості будуть відразу кидатися відвідувачеві в очі.
Christmas with Joy
Даний сайт присвячений новорічної тематики виконаний в плоскому дизайні версії 2.0, виглядає все гармонійно, мінімум прикрас і дрібних деталей, тільки основні елементи, зверніть увагу, як дизайнер підійшов в вирішення гострих кутів. Їх, практично, немає.
Керівництво Dropbox
Всі ми знаємо цей чудовий, хмарний ресурс для зберігання інформації, але мало хто знає, що сайт проекту містить той самий плоский дизайн з довгими тінями. Приклад ви можете знайти в керівництві для використання хмарного сервісу.
450 GSM
Сайт 450 GSM все ще може розглядатися в якості оригінальної плоскої конструкції, якби не застосування довгою тіні під птахом. Кумедний факт: цей сайт був фактично побудований з Startup Design Framework, який дозволяє легко створювати красиві сайти швидко.
Intercom
Яскравий синій фон, стилістичні ікони, і ненав'язлива друкарня покликані зробити сайт Інтерком трендом плоского дизайну. Зверніть увагу на округлені краї на іконах, кнопках і всієї конструкції.
Агентство Survival Kit
Сайт є досить яскравим, і кидається відвідувачеві в очі з перших хвилин перебування, мінімалізм в дизайні дозволяє зосередити відвідувача тільки на важливої інформації. А довгі тіні змушує сайт йти в ногу з часом.
Hell'o Baby
Незважаючи на шрифт у верхній частині, вибір кольору, округлі краю і спрощені ікони поєднують в собі відмінний дизайн сайту для створення фотоальбому вашої дитини.
Helbak
Якщо уважно подивитися на фотографії продукції, ви помітите ефект тіні в пастельних тонах, додавши плоскі елементи на сайт для цієї скандинавської керамічної компанії, розробник підкреслив оригінальність і витонченість дизайну.
Paye Ton Caps
Графіка для цієї французької онлайн-ігри побудована на плоскому дизайні 2,0, чітко підібрані кольори, гармонійно поєднуються і гармонійно доповнюють дизайн ресурсу.
CSS Conference EU
Традиційна пласка колірна палітра в поєднанні з деякими декоративними деталі, щоб зробити сайт CSS конференції сучасним і затребуваним.
Take It
Використання шарів для сайту Take It демонструє креативне поєднання в собі реальні фотографії в плоскому стилі. Зверніть увагу на фон міста, пройдений в типовому плоскому стилі.
Google Santa Tracker
Плоский дизайн добре працює з різдвяними темами, виявляється Google Santa Tracker демонструє яскравий приклад, що плоска конструкція не завжди мінімальна - не тільки екран зайнятий з окремими елементами, постійна анімація снігу і фону з автомобілями зробила цієї сайт по справжньому живим.
For Better Coffee
Сайт переповнений безліччю дрібних елементів, залишаючи поле зору відвідувача в центрі де інформація виділена іншим квітів і підкреслена порожнім простором. Дизайнери пішли іншим шляхом, і виділили інформацію за допомогою простору.
Dots
Сайт відомої гри вибрав правильний напрямок в дизайні, тонкі лінії і мінімальний дизайн відмінно підкреслює цільове призначення даного сайту і пояснює концепцію гри в цілому.
Quotes Magazine
Шрифт із зарубками і важкі текстури, в той час як інші розробники зробили мінімальним дизайн своїх ресурсів, даний проект покликаний виділити свій напрямок в роботі креативними ілюстраціями, це дозволить користувачеві розуміти призначення сайту з перших секунд відвідування.
Who Is This F * cking Bear?
Сайт поєднує в собі кольори темного напрямки, при цьому розробник почав максимально деталізувати даний проект, що дуже гармонійно виглядає відносно даної кольорової палітри.
Stash Flat Icons
Сайт візуально розділений на дві колонки, в кожній з яких виконані з різним співвідношенням кольорів і подачею інформації, мінімальний дизайн надає користувачеві тільки необхідну інформацію.
Acapo
Сайт побудований за технологією як і попередній приклад, пастельні кольори доповнюють невеликий ноткою гумору від дизайнера, що підкреслює оригінальність компанії і відображає креативний підхід до виконання поставленого завдання.
Liberio
Liberio ще один навчальний сайт з плоским дизайном, яскраві кольори в співвідношенні зі скромним шрифтом підкреслюють графіком виконану в стилі плоского дизайну 2.0
Kaipoche
Теплі кольори в мультяшному стилі дійсно доповнюють кумедні вібрації цього сайту при прокручуванні ви побачите анімацію сайту виконаного для майбутнього фестивалю.
Team Treehouse
Спираючись на колишньої досвід роботи зі старомодною інтерпретацією плоскої конструкції, команда Treehouse показує збільшення деталізації в версії дизайну 2,0 і його сучасна подача кінцевому споживачеві.
SCEATT
Не так часто можна побачити креативні фінансові сайти, найчастіше це сумовитий і досить примітивний дизайн, даний ресурс покликаний змінити ваше ставлення до ресурсів даного типу.
Evolve Wealth
Ще один сайт фінансової компанії який покликаний примножити ваш капітал, при цьому не захаращуючи ресурс різний «порожній» інформацією.
Black Tomato
Ще один сайт, який поєднує в собі креативний підхід фотографії та плоского дизайну, з одного боку виглядає не зовсім приємно і режіт очей, але розробник знайшов ідеальну середину.
Lander
Малюнок на нижній частині сторінки сайту Ландера демонструє сучасний погляд до плоскої конструкції. Зберігаючи блоковий стиль, рівень деталізації вийшов на новий рівень і задає високу планку для розробників.
висновки
Новий плоский дизайн версії 2.0 є позитивним і досить соковитим новим напрямком, в результаті ми отримали ще більше можливостей для того, щоб ви змогли зробити без шкоди для дизайну сайту освіжити його, додавши невеликі чудові штрихи, які зроблять плоский дизайн популярним з самого початку. Ми з нетерпінням чекаємо еволюції іншого дизайну, і його бачення нашими дизайнерами. Надихайтеся і створюйте нові, креативні проекти, щоб в подальшому ми могли про них розповісти.
