Блог продизайн

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

08.04.2012 Розділ: Прийоми та уроки

Жива типографія

Головна проблема типографії в країнах колишнього СРСР в тому, що її майже немає. Рівень шрифтової та типографської культури, нажаль, дуже низький, в тому ж числі у графічних дизайнерів. Одна з причин цього, можливо, — відсутність інформації.

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

21.03.2012 Розділ: Література

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

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

12.03.2012 Розділ: Провсе

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

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

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

18.02.2012 Розділ: Прийоми та уроки

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

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

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

08.02.2012 Розділ: Прийоми та уроки

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

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

02.02.2012 Розділ: Прийоми та уроки

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

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

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

29.01.2012 Розділ: Прийоми та уроки

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

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

26.12.2011 Розділ: Прийоми та уроки

Як створити дизайн сайту, що орієнтований на мобільні пристрої

Дана стаття — переклад англомовної «How to Design a Mobile Responsive Website» автора Elaine Simpson.

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

17.12.2011 Розділ: Прийоми та уроки

Як стати успішним фрілансером

Зовсім недавно мені пощастило побувати на міні-конференції місцевого розливу, де я розмірковував на тему фрілансу, з точки зору веб-дизайнера. Навіть, підготував для цього дійства презентацію. Спробую описати те, що намагався донести до слухачів Coffee Design Code. Читати далі »

28.11.2011 Розділ: Провсе

Іоханнес Іттен. Мистецтво форми

Книга «Мистецтво форми» — це викладення системи підготовки художників, створеної Іоханнесом Іттеном для його знаменитого форкуса в Баухаузі, однієї з найноваторських шкіл мистецтва, архітектури та дизайну ХХ століття. Читати далі »

09.11.2011 Розділ: Література

Як дизайнери на D-Camp ходили

Не так давно я відвідав кемп для юзабілістів UXCamp Kyiv. То було моє перше знайомство з таким форматом навчання. Там, за грою в мафію, я познайомився з Ярославом Бірзулом. Він повідав мені страшу таємницю про майбутній, схожий за форматом, D-Camp, що пройде 24-25 вересня в славному місті Запоріжжі. Я вирішив їхати… Читати далі »

04.10.2011 Розділ: Провсе

Ян Чіхольд. Образ книги

Читаючи цю книгу мене постійно не покидало відчуття, що автор просто закоханий у книгу як носій людських знань. Він намагається донести до читача магію книготворення, показує чудові приклади і наочні іллюстрації. Читати далі »

31.08.2011 Розділ: Література

Як не спотворити зображення при повороті у photoshopПрацюючи у фотошопі, мене часто напрягало те, що при повороті леєра на 90° до цього чіткі границі об’єкта розмазувалися або взагалі втрачалася його форма. Вирішував я цю проблему прямо в лоб — просто перемальовував заново ручками уже повернутий об’єкт. Я відчував, що має бути якесь нормальне рішення... і я його таки знайшов.

21.08.2011 Розділ: Прийоми

Як юзабілісти на UXсamp Kyiv ходили

На днях, а точніше 30-31 липня, мені пощастило побувати на форумі UXсamp, що присвячений проектуванню зручних інтерфейсів. Чесно кажучи, збираючись на кемп, я думав, що це буде щось на зразок майстер класів — просто розкажуть очевидні речі (аля посилання повинні бути підкресленими, а кнопки виглядати як кнопки…). Корисно, але не захоплююче. Мої здогадки виявились далекі від реальності (чому я дуже радий). Ми плідно попрацювали і поповнили «багаж знань» в user experience. А саме головне було весело (особливо гра в мафію), але про це нижче :)

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

04.08.2011 Розділ: Провсе

REWORK. Бізнес без забобонів

Авторами книги є засновники досить відомої компанії 37signals. Вони легко і доступно діляться своїм досвідом ведення бізнесу в інтернеті. Цікавим є той факт, що сама компанія — не роздута махіна аля Microsoft або Google, а невеличка команда фрілансерів, в постійному штаті котрої всього 14 чоловік (на момент написання книги). І тим не менш, їх продуктами користуються більше ніж 3 мільйонів чоловік у всьому світі. Все це дивним чином вселяло в мене оптимістичну нотку, адже можливості і ресурси є, треба тільки піднатужитись і зробити дійсно корисний продукт. Корисний, в першу чергу, для себе. Читати далі »

29.07.2011 Розділ: Література

Оптимізація PNG-малюнків для веб-сайтів

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

17.07.2011 Розділ: Інструментарій

Про саморобні фірмові конверти для дисків

Хочу поділитись ще одним способом скласти на вашого клієнта враження, що робота виконана більше ніж на 100%.

Розробляючи будь-який матеріал, ми передаємо результат своєї роботи в електронному вигляді на цифровому носії (CD або DVD-диски) особисто замовнику, або просто в електронному листі без використання фізичного носія. Все залежить від наміченого способу роботи з клієнтом. Читати далі »

06.07.2011 Розділ: Прийоми

Чи повинен веб-дизайнер вміти верстати?

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

Частенько на форумах зустрічав суперечки між дизайнерами… одні казали, що вміння верстати на глибокому рівні просто необхідне (такий собі дизайнер-верстальщик в одному флаконі). Інші — що взагалі не треба, і ти хоч трісни, коли адекватно зверстати намальоване нереально. Тобто, тема доволі холіварна :) Я ж не впадаю у крайнощі і притримуюсь точки зору, що кваліфікованому веб-дизайнеру знання основ верстки (такі технології як: HTML, CSS, JavaScript) все ж необхідне. Спробую пояснити чому саме так. Читати далі »

01.07.2011 Розділ: Прийоми

Візуалізуємо інформацію за допомогою діаграм

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

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

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

16.06.2011 Розділ: Уроки