Креш-курс по UI-дизайну



Ми завжди в пошуках хороших статей про дизайні, щоб потім використовувати їх у роботі над сайтом «Я люблю ІП». Сьогодні ми перевели ще одну статтю, яка розповідає, чим відрізняється UI-дизайн від UX-дизайну і на яких основних принципах будується дизайн інтерфейсів.

UI vs. UX

Якщо ви хоч трохи цікавилися дизайном додатків, то напевно чули терміни «UI» і «UX». Але чим же вони відрізняються?
У найпростішій формі, UX-дизайн — це те, що робить інтерфейс корисним, а UI-дизайн робить його красивим. Дизайн інтерфейсів — це суміш візуальної ієрархії і елементів інтерфейсу. Щоб розібратися, чим відрізняється прекрасний дизайн від просто хорошого, необхідно зрозуміти, що дизайн інтерфейсів — це всього лише один з шарів цілого дизайн-процесу. Можливо, саме тому ці два терміни так часто плутають. У цій статті я постараюся розповісти, в чому ж полягає різниця між ними з точки зору дизайн-процесу.
Згідно з книги Дж. Гарретта «Елементи досвіду взаємодії», UX-дизайн можна визначити через п'ять основних рівнів. Давайте почнемо з самого абстрактного.

Читати далі →

Як ми запускали Хабр для гуманітаріїв (з водолазами та виплатами для всіх)

«У наступні два роки потрібно не намагатися зобразити з себе щось особливе, а просто бути достатньо розумним, щоб компонувати те, що людство створило» © bobuk
Рік тому на внутрішньому хакатоне наші ростовські хлопці за ніч схрестили візуальний текстовий редактор, «Типограф Муравйова» антиплагіат-сервіс. Вийшла штука, яка допомагала швидко підготувати та надіслати публікацію в блозі.

Один час штука жила як сайд-проект, потім нам дали трохи ресурсів — ну, як внутрішнього стартапу. У підсумку вийшло зручне колективне медіа без редакції.


Старий Гутенберг був би задоволений

Воно дозволяє людям читати цікаві історії, як дядько-водолаз 40 років підіймає затонулі кораблі в Баренцевому морі, а письменникам на популярні нетехнічні теми — трохи заробляти на текстах.

Давайте подивимося, що враховувати при розробці подібного сервісу, і що вибрати, щоб без милиць.

Читати далі →

Книги про типографіці: все, що вам потрібно знати про мистецтво шрифтів

добірка книг по типографіці

Типографіка — це мистецтво зробити текст красивим, зручним для читання, відобразивши в накресленні літер інформаційний посил або характер видання. Це мистецтво привнести візуальну гармонію в будь-який текстовий матеріал. Мистецтво висловити сенс не тільки через слова, але і через їх відображення. Типографіка зовсім не обмежується вибором шрифтів і відступів — це більш глибока, складна і цікава дисципліна. І освоїти її вам допоможе наша добірка книг.

Читати далі →

Яким буває курсив і як його використовувати: 12 практичних порад

Ми вже писали про те, що типографіка та її підбір справляють великий вплив на якість поштової розсилки зокрема (і життя). Зрозуміло, при виборі основного шрифту для письма потрібно орієнтуватися на його читабельність (про те, які шрифти та їх характеристики найбільш популярні у відомих брендів, створюють поштові розсилки, ми розповідали тут).

Однак, як і в будь-якому якісному тексті, в розсилці важливо розставляти акценти – в тому числі і візуальні (чому це так важливо і як це зробити, читайте в цьому топіку). З подібною задачею може відмінно впоратися курсив, про який і піде мова у матеріалі ресурсу Typogrpaphy.com — ми представляємо вашій увазі його адаптований переклад.




Курсив, можливо, є найяскравішою частиною будь-якого сімейства шрифтів, виділяючись на тлі своїх «побратимів». Нижче ми розповімо про 12 різновидах курсивных шрифтів разом з описом їх культурно-історичної спадщини й практичного застосування.

На відміну від прямого шрифт, курсив більше нагадує рукописний текст. Як і в рукописному тексті, з допомогою якого ми складаємо списки покупок або офіційні запрошення, різні види курсиву можуть відображати вчинене різні настрої. Розуміння особливостей курсивных шрифтів може зробити їх цінним інструментом у руках дизайнера.
Читати далі →

3 ради по правильному використанню шрифтів в електронних листах

image

Ви коли-небудь замислювалися про те, чому вибраний вами шрифт для електронного листа не відображався в поштовій скриньці? Ймовірно, це траплялося, тому що ваш шрифт не був «безпечним», і пристрій, на якому відкривали лист, його не підтримував. У цій статті ми розглянемо поняття «веб-безпеки» шрифтів, способи використання стандартних і нестандартних шрифтів, а також кращі приклади їх використання в email-розсилки.
Читати далі →

Дивні літери російського афавита

Кирилу і Мефодію було нелегко. Вони створювали російську абетку на основі грецької абетки для позначення звуків, яких у грецькому не було, їм довелося придумувати нові літери. Деякі з них вийшли дивними.

З тих пір алфавіт пройшов через численні реформи, частина букв зникла назавжди, але деякі з винаходів Кирила і Мефодія дожили до наших днів. Вони і зараз виділяються на тлі решти букв і змушують страждати російських дизайнерів. Логомашина зібрала факти про найдивніших букви кирилиці.




Читати далі →

Типографируем назви організацій

Будь-які благородні починання UI-дизайнера і верстальника хоч якось навести порядок у списках назв організацій розбивається про копальні/паст неграмотного користувача. Чи Так все погано і чи можемо ми чимось їм допомогти? Спробуємо розібратися…
image

Читати далі →

typus — локальний друкар на python

,"`.._ ,"`.
:,--._:)\,:,._,.: Glory to All
:`--," :`...';\ the HYPNO TOAD!
`,' `---' `.
/ :
/ \
,' :\.___,-.
`...,---"```-..._ |: \
( ) ;: ) \ _,-.
`. ( // ` \
: `.// ) ) , ;
,-|`. _,'/ ) ) ,' ,'
( :`.`-..____..=:.-': . _,' ,'
`,'\ `--....-)=' `._, \ ,') _ "`._
_.-/ _ `. (_) / )' ; / \ \`-.'
`--( `-:`. ` ___..' _,-' |/ `.)
`-. `.`.`-----`--, .'
|/`.\` ,','); SSt
` (/ (/

Знайдено в інтернеті.
Всім привіт!
Хочу поділитися своєю невеликою розробкою: друкарем, який можна використовувати локально.
Читати далі →

Як типографіка може врятувати вам життя



У нашому блозі ми пишемо про різні аспекти роботи з поштовими розсилкамиверстки листів до типографіки. Остання тема дуже цікава та обширна — важливість роботи з текстом листа важко переоцінити. Однак типографіка відіграє велику роль не лише в інтернеті — сьогодні ми поговоримо про те, як вона може в реальності рятувати життя людей.

Через кілька десятиліть «воплів», Національна метеорологічна служба США нещодавно сообщила про те, що більше не буде публікувати свої прогнози і метеопредупреждения тільки великими літерами. З 11 травня всі її повідомлення публікуються змішаним регістром.
Читати далі →

Типографіка в дизайні електронних листів

У розробці дизайну для email-розсилки багато фахівців недостатньо багато уваги приділяють типографіці. Тим не менше, навіть незважаючи на деяку обмеженість електронної пошти як середовища для дизайнерських рішень, робота з типографікою може зробити листа значно краще.

Сьогодні ми представляємо вашій увазі адаптований переклад дослідження Ганни Іман (Anna Yeaman), співзасновниці і директора американського агентства, яке було спочатку опубліковане на сторінках авторитетного ресурсу SmashingMagazine.

image

В минулому році я прочитала пост Яна Костянтина (Jan Constantin) «Тенденції та сучасні методи типографського дизайну» і тут же вирішила провести схожу роботу, але стосовно до поштовій розсилці. У той час я вивчала адаптивну веб-типографіку. Я виділила групу сайтів, які мені сподобалися, і спробувала розібратися, в чому секрет їх типографіки, щоб потім застосувати нові знання до розробки дизайну email-розсилки.

Після того, як я познайомилася з роботою Костянтина, мені захотілося зрозуміти, як інші дизайнери email розсилок використовували адаптивну типографіку. У підсумку я зібрала 50 прикладів поштової розсилки з різних сфер, в яких, на мій погляд, підібрана якісна типографіка, і вирішила перевірити, чи є у них щось спільне. Вихідні дані і результати цієї роботи ви можете подивитися Google-таблице.
Читати далі →