Про співтовариство

Піднімаємо теми про цікаві прийоми, хитрощі та правила у сучасному веб-дизайні. В Україні та в цілому світі.
Вид:
короткий
повний

продизайн українською

Про типографське мистецтво

Про типографське мистецтво

Читаючи цікаву книжечку про типографію «Живая типографика», я натрапив на цікаве визначення типографського мистецтва, яке дав Стенлі Морісон. Ним би я і хотів поділитись з вами.

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

Творча зустріч з Павлом Колодяжним

Творча зустріч з Павлом Колодяжним. Київ. 10-е березня. 16.00

10 березня, о 16:00 в Компанії Кісільова пройде творча зустріч з арт-директором дизайн-бюро «make». Чіткої теми не намічається, тобто, про те, про це… що зв’язано з дизайном.

Якщо є такі, хто не чув про Павла, то про нього можна почитати тут.

Місце зустрічі: Київ, Осокорки, Компанія Кісільова.

Вхід вільний, але кількість місць обмежена. Реєстрація на сіє дійство проходить у ЖеЖе Дмитра Кісільова.

Безкоштовний шрифт Prosto

Безкоштовний шрифт Prosto

Сьогодні опублікований цікавий шрифт Prosto, автором якого є Павло Ємель’янов. Розповсюджується безкоштовно та гарно підходить для логотипів, заголовків і презентацій.

Шрифт символи кирилиці, латиниці, центральноєвропейські, західноєвропейські, турецькі, а також, символи мов (народів, країн), що поруч Балтійського моря. Читати далі »

Правильна організація леєрів у макеті

Правильна організація леєрів у макеті

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

Зазвичай, в процесі роботи над проектом у початковий psd-файл «заглядають» мінімум двоє людей: дизайнер та верстальник. Буває так, що роботу одного дизайнера, може продовжити інший. Чи арт-директор хоче, щось швидко підправити, не відволікаючи дизайнера. Буквально, сьогодні я зіткнувся з такою «кашею» і вирішив написати пост.Читати далі »

Пильний погляд на шаблони мобільних інтерфейсів

Пильний погляд на шаблони мобільних інтерфейсів

Фото New Media MK.

Дана стаття — переклад англомовної «A Look Inside Mobile Design Patterns».

Нещодавно трапилось так, що ми мусили починати новий Інтернет-проект, але всі наші досвідчені дизайнери на той час були зайняті іншими проектами. Оскільки ми головним чином спеціалізуємось на розробці комерційних додатків, не всі спеціалісти в нашій команді добре знаються на дизайні мобільних сайтів. Тому я провела докладний майстер-клас із великою кількістю скріншотів та слайдів. Поступово ми створили дизайн на більш високому рівні, ніж просто використання основних принципів, які застосовуються при роботі із певною ОС.

Ці 70 шаблонів, проілюстровані сотнями прикладів додатків, розроблених для операційних систем Apple, BlackBerry, Android, Symbian, Windows та вебОС будуть випущені в цьому місяці O’Reilly Media як «Mobile Design Pattern Gallery». Нижче наведена одна із моїх улюблених глав — Запрошення. Буду вдячна за конструктивні коментарі і особливо за можливі приклади мобільних додатків.

*Незважаючи на те, що ці шаблони мають за основу розробку мобільних додатків, вони також можуть бути використані для натхнення при роботі над розробкою мобільних веб-сайтів. Читати далі »

Розминаємо мозок друдлами

Розминаємо мозок друдлами

Переглядаючи відео семінари «12х12: Британская высшая школа дизайна» натрапив на цікаву вправу для розминки мозку та уяви, про яку розповів Арам Мірзоянц. Зветься такий прийом «друдл» і полягає у тому, щоб в маленьких, простих малюнках шукати образи. При цьому, можна задавати якісь додаткові умови, щоб направити «креатив» у необхідне русло. Наприклад, всі образи, повинні бути на водну тематику і т.п. Малюнки можна повертати. Читати далі »

Підготовка макету для верстальщика

Підготовка макету для верстальщика

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

Оскільки розробка сайту — це командна, багатоетапна робота, то для досягнення якісного результату на етапі дизайн-верстка, потрібно пропрацювати не лише візуальну частину дизайну, а й продумати інтерактивні елементи. Тобто ті, які змінюють свій стан від дій користувача. Це відразу відкине багато запитань верстальщика типу: «а як ця кнопка буде підсвічуватись?». Читати далі »

UX Camp Kiev: Зима

UX Camp Kiev: Зима

2526 лютого 2012 року, в Києві пройде кемп для юзабілістів та тих, хто їм співчуває :)

В цьому році юзабіліті-кемп присвячений поєднанню методик гнучкої розробки з процесами Human Centred Design. На зимовий воркшоп, окрім експертів та спеціалістів по юзабіліті запрошуються спеціалісти Agile для сумісної роботи над проектами.

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

Детальніше про кемп читайте на офіційному сайті — uxcamp.com.ua.

Це цікаве та корисне дійство, я сам у цьому переконався на попередніх кемпах: UXсamp Kyiv ’11 та D-Camp ’11.

PT Mono моноширний безкоштовний шрифт від ПараТайп

PT Mono моноширний безкоштовний шрифт від ПараТайп

PT Mono — моноширинний шрифт, що входить в шрифтову систему ПТ Проект. Дві гарнітури PT Sans і PT Serif були видані раніше в 2009 та 2010 роках. PT Mono призначений, в першу чергу, для службових потреб — формулярів, таблиць, анкет, бланків і т.п. Моноширинність знаків шрифта суттєво полегшує форматування складноструктурованих документів, дозволяє розраховувати розміри полів для заповнення та полегшує вирівнювання колонок таблиць. Одна з важливих сфер використання шрифта PT Mono — веб-сайти «електронної влади», на котрих є потреба заповнювати різні форми запитів. Читати далі »

Дизайн контекстного меню

Дизайн контекстного меню

Дана стаття — переклад англомовної «Context Menu design».

Сьогодні я хочу поговорити про використання контекстного меню у дизайні веб-додатків.

Що таке контекстне меню

Контекстне меню — це меню, яке містить специфічні команди, що можуть бути застосовані до об’єкту, на який наведено курсор (див. примітку про тач-скріни нижче). Часто контекстне меню також називають «меню правої кнопки миші», оскільки у Windows воно активується саме кліком правої клавіши мишки. Читати далі »