Веб-дизайни з приголомшливим типографічним додатком
Веб-сайт складається з багатьох компонентів, і багато хто з нас може відрізнятися у виборі компонентів, завдяки яким веб-сайт виглядає візуально привабливим. Теми, кольори, малюнки - це все, що сприяє, але те, що дійсно покращує відчуття та задає тон веб-сайту, - це програма «Друкарня».
Малюнки та теми можуть багато говорити про наш веб-сайт, але врешті-решт, глядачі вашого веб-сайту покладаються на інформацію, написану на вашому веб-сайті, щоб повністю зрозуміти його послуги з веб-дизайну. Крім того, ви повинні мати на увазі, що ваш веб-сайт повинен бути в тренді, тобто, яким би не був сучасний стиль, ваш веб-сайт повинен бути розроблений приблизно в такому стилі. Зараз тенденція полягає в тому, що дизайн повинен бути якомога меншим, тому дизайн веб-типографіки зараз відіграє дуже важливу роль.
Джерело зображення: pixabay.comДодаток для друкарства - це не що інше, як відображається тип веб-дизайну, вводить значення, що б не було написане слово. Шрифт, розмір, інтервал, колір - це все під типографікою. Важливо зазначити, що незалежно від того, наскільки вишуканою є тема вашого веб-сайту або наскільки привабливими є кольори, саме додаток для друкарні дійсно робить його єдиним у своєму роді.
Але так само, як і численні помилки, які ви можете допустити під час створення веб-сайту за допомогою зображень, тем тощо. Ви повинні дотримуватися певних вказівок, коли справа стосується використання програми для друку на вашому веб-сайті, а також для уникнення очевидних проблем.
- Не намагайтеся робити занадто багато. Використовуйте в дизайні не більше 2-4 типів шрифту або обличчя. Більше використання типів шрифтів зробить ваш веб-сайт безладним і захаращеним, а не додасть йому чистого і красивого вигляду.
- Підтримуйте належну ієрархію. Це допомагає вашим глядачам простий шлях через ваш веб-сайт. Спосіб вирівнювання тексту та елементів визначає настрій та вказівки, яких слід дотримуватися під час використання вашого веб-сайту.
Є лише одне важливе правило: "ЗМІСТ КРАЛЬ!" Зробіть вміст своїм пріоритетним, і все інше буде навколо нього. В Інтернеті є багато інструментів, які допоможуть вам з навичками друку. Typekit Practice - це один із інструментів, з якого слід почати. Уроки розроблені настільки, що ви будете досвідченим фахівцем з типографії за короткий час. Модульна шкала, Wordmark.it, Hoefler & Co., FontFace Ninja, Google Шрифти та багато інших інструментів є для того, щоб ваші навички типографіки мали найкращий досвід.
Список веб-сайтів з приголомшливою типографією
1. The New Yorker - веб-сайти, які надихнули кращу друкарню.
Домогтися вигляду старих і традиційних, але красивих - завдання не з легких, але New Yorker допомагає вам зробити це ідеально. Це інтернет-журнал, який є легким для доступу та дуже стильним. Використання вічнозелених кольорів, таких як червоний, чорний і білий з відтінком сірого, робить його схожим на друкований журнал. Крім того, використання читабельного та елегантного шрифту з кольорами, що контрастують на тлі, робить New Yorker одним із найкращих веб-сайтів, що надихають типографіку.
2. Моресода
Чорний фон потребує попу кольорів, щоб він виглядав модно. Moresoda встановлює тенденцію, використовуючи привабливі кольори, такі як яскраво-рожевий, блакитний та світло-зелений разом із чорним на задньому плані, і є лише один колір, який би поєднувався з усім цим, якщо ви хочете щось написати на сторінці, і це білі. Лише декілька пропозицій тут і кілька слів там роблять Moresoda акуратним веб-сайтом, що визначає тренди.
3. Добре
Сама назва веб-сайту багато говорить про його стиль! Чистий, читабельний шрифт, що супроводжується мінімальним використанням кольорів та відмінним інтервалом та розміщенням, роблять сайт ДОБРИМИ!
Чорний, сірий та білий кольори - це класичне поєднання, а збереження речей досить простим - це величезний ризик, який створили веб-сайт Good і були готові прийняти, і це окупилося. Великий розмір шрифту сміливих заголовків приверне вашу увагу, і історія, яка йде разом з ним, хоча і зовсім менша порівняно, є кришталево чистою. Отже, Good у цьому сенсі зробив чудову роботу!
4. Інформаційний дорожник
Ви можете розмістити найкраще виглядаючі фонові зображення на своєму веб-сайті, щоб покращити його вигляд, але іноді красивий додаток для типографії покращить фон і зробить роботу за вас!
Але що робити, якщо у вас порожнє полотно? Як зробити пусту сторінку привабливою? Відповідь знову проста. Використовуйте свої навички веб-дизайну у програмі "Мистецтво друкарні". Інформація Шосеру немає нічого на задньому плані. Він абсолютно порожній, білий як аркуш паперу, і тут не використовується жодного фантазійного вигляду шрифту, однак просте використання шрифтів та кольорів у тексті робить його дуже привабливим та стильним веб-сайтом. Простота інформаційного шосе дивовижно чудова!
5. Black Estate - найкраща програма для друку
Black Estate виконує своє ім'я, надаючи глядачам веб-сайт із вражаючим темним фоном… чорним кольором! І всі ми погодилися б, що чорне та біле - це класичне поєднання. Це поєднання всіх, і тому це не лише безпечний, але й розумний вибір.
Білі літери піднімають веб-сайт на вищий рівень елегантності та краси. Не тільки все добре видно, але і вам не потрібно нічого іншого, щоб зробити його більш заманливим. Використання складного шрифту - це все, що потрібно. "Чорна красуня" часто використовується для опису прекрасної особи з більш темним кольором обличчя. У світі веб-сайтів Black Estate є "Чорною красунею".
Рекомендовані курси
- Навчання сертифікації AJAX
- Повний професійний курс швидкого тесту
- Інтернет-курс по ExtJS
- Інтернет-навчання CISSP
6. Опіки Елізію
Elysium Burns - ідеальний приклад вишуканості та стилю! На цьому веб-сайті багато елементів, але кожен елемент є чітким і зрозумілим. Це не дуже колоритно, але все-таки використання різних стилів шрифту та розмірів шрифту для різних функціональних можливостей робить цей веб-сайт добре виглядати замість безладу.
Існує інший шрифт для назви компанії, інший для заголовків та інший для підзаголовків і зовсім інший для вмісту, що підпадає під ці заголовки. На одній сторінці багато що відбувається, коли справа стосується дизайнерської точки зору, але все це поєднується, щоб усе це мало сенс.
7. Введіть Щодня
Якщо слово Type in Type Daily не робить це очевидним, то ось це, Type Daily - це веб-сайт, який надає посилання на інші веб-сайти, пов’язані з типом в Інтернеті. Конструкція дуже проста. Є лише посилання на інші веб-сайти, яскраво-зеленого кольору, які вискакують на злегка темному тлі, який змінюється на приємний помаранчевий відтінок, коли ви кладете на нього. Просто, але ефективно!
8. Ерратіка Мудрість Кращий типографічний додаток
Колись чув фразу "Сміливий прекрасний!" Ну, Ерратік Мудрість вражає позначку цією фразою. Останній допис у сміливій типографічній майстерності на чорному тлі з маленькими білими крапками, що утворюють сітку, надає цьому сайту сучасну ауру. Весь веб-сайт, з іншого боку, просто обертає фонову комбінацію. На білій сторінці є чорна сітка, що утворює крапки.
Нестандартна мудрість сучасна і дозволяє просто сказати, нестабільна у своєму дизайні.
9. Аналог
На першій сторінці цього веб-сайту написано: «Аналог - це компанія друзів, які роблять веб-сайти. Це кооператив, де процвітають фантазія, дизайн та інженерія: хороші люди роблять добру справу ».
Так, справді дуже гарна робота. Коли тему веб-сайту оцінюють використання типу, який йде разом із ним, то результат - ідеальний веб-сайт. Контрастні кольори з естетичним текстом роблять Analog інтелектуально розробленим веб-сайтом.
10. Переключіть Mediaworks
Вам усім відомо ганебне твердження, що «Дія говорить голосніше, ніж слова». Давайте трохи змінимо це: «Дизайн говорить голосніше, ніж слова». Навіщо насичувати веб-сторінку, вставляючи в неї безліч елементів, коли кілька рядків і пара зображень роблять ідеальну роботу?
Наочне частування - це те, що компанія Switch Mediaworks пропонує своїм глядачам. Класичне поєднання кольорів, сучасні навички типографії та машина вашої мрії на першій сторінці - ось велич цього веб-сайту.
11. Список Апарт
Список Apart подібний, але відрізняється від багатьох веб-сайтів там. Він має мінімальний дизайн, який може здатися звичним, але розміщення та розміщення елементів роблять його одним із гарних веб-сайтів. Відповідне призначення розміру шрифту, використання кольорів та набір інтервалу A List Apart, клас APART! Це проектування в найкращих випадках!
12. Додаток найкращої типографії Джейсона Санта-Марія
Менше значить більше! Наскільки правдивим є це твердження? Джейсон Санта-Марія грає навколо цієї філософії Лі, більше. Не багато елементів, не багато кольорів. Просто сміливі та привабливі заголовки до статей, а Джейсон Санта-Марія стає надихаючим веб-сайтом. Він унікальний, свіжий і привертає увагу своїм дизайном у своїй простоті.
13. Додаток "Краща друкарня" Helveticons
Іноді, дивишся на щось і раптом, ти знову дитина. Деякі речі нагадують про ваше дитинство, як і логотип Гельветіконів. Це схоже на зображення на коробці геометрії, яке ви переносили на уроки математики чи уроки мистецтва та малювання.
Є яскраво-жовта сторінка, як аркуш паперу, коли вона відкривається після того, як вона складена на чотири, на тлі світло-сірого фону з друкарськими техніками білого та чорного кольорів. Це точно як коробка геометрії, якою я володіла. Helevticons - це веб-сайт, розроблений для того, щоб зв’язатися з вами способами, які проходять через ваші очі і прямо до серця!
Як ці конструкції? Тоді будьте креативними, розробляючи власні сліпучі веб-сайти. Веб-дизайн - це всі ці маленькі деталі та особливості. Сподіваємось, ці 13 дивовижних веб-сайтів надихнуть вас створити дивовижний на вигляд веб-сайт із методами типографіки, які б ще більше посилили його красу!
Рекомендовані статті
Це було керівництвом для програми "Типографія" - це не що інше, як спосіб відображення типу, що б не було написане слово. Це наступне зовнішнє посилання, пов’язане з додатком для друкарні.
- Важливі кроки питань щодо інтерв'ю AJAX
- Топ 6 кроків до ефективного створення посилань для веб-сайтів
- Топ-10 найкращих тенденцій веб-дизайну, які ви повинні знати на 2016 рік
- 10 важливих кроків для створення макета веб-дизайну