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

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

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

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

Фото New Media MK.

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

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

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

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

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

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

Фото Roger Schultz’s

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

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

Враховуючи прогнози, за якими в США до 2015 року користувачів мобільним інтернетом буде більше, ніж тих, хто використовує для доступу в Інтернет стаціонарні комп’ютери, а також зважаючи на велику популярність планшетів та навіть перегляду інтернету через телевізори, важливим постає питання розробки сайту таким чином, щоб у користувачів не виникало труднощів і незручностей в незалежності від того, яким пристроєм вони користуються для доступу в мережу. Отже, чи може в цьому випадку допомогти гнучкий дизайн? Так, адже саме він надає можливість створити єдине універсальне рішення для різної ширини екрану. Використовуючи відповідні методи, ви зможете надати мобільному користувачу той самий контент, але вже у відповідно пристосованому для перегляду на його пристрої вигляді. Читати далі »

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

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