закохався…

зобачив таке відео. закохався до нестями. vitsœ — дизайн з великої літери.


на видиві — система vitsœ 606. оригінальне — дороге як дідько.

блог потребує переформатування

набридло мені, як виглядає цей щоденник останні три з половиною роки.

оформлення теми evidence наче й мінімалістичне, а проте завдяки трьом колонкам, які хочеться і треба чимось заповнити, сторінка виявляється візуально перевантаженою. та й просто приїлося.

перебирав мінімалістичні теми для blogger на сайті btemplates.com, спробував шість варіантів (вибачайте, якщо хто помітив, як щоденник «тіпало» тиждень чи два тому), але змушений був повернути стару, вже відлагоджену тему: попри те, що двигунець blogger’а буцім мотивує до таких есперментів, пропонуючи зміну оформлення в один клік мишкою…

подвійний «дюймовий» штрих — не те саме, що лапки!

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

″ ≠ ” ≠ " ≠ ˝

зліва направо: подвійний штрих (символ дюйма та кутової секунди), англійські закриваючі парні лапки, прямі парні лапки та подвійний акут. не переплутаєте?

обійняти… і задушити

перечитую тут дещо в блозі… користуючись термінологією самі знаєте котрої великої компанії, я маю «генетичну слабкість до конкурентних продуктів». так от, натрапив на ще один цікавий термін, що стосується теми: «embrace, extend and extinguish» (виявляється, є люди, що не лінуються цілі статті до вікіпедії редагувати; молодці).

тим часом… інтерфейс windows 8 мені, загалом, сподобався. але ще більше, і то значно більше, мені сподобався знайдений свого часу в тенетах концептуальний ескіз графічного інтерфейсу для windows 8, зроблений аматором на прізвисько sputnik8. подивіться.

звісно, нічого такого microsoft не могла цього разу запропонувати хоча б тому, що такий інтерфейс не підійде для планшетів — а ідея ж була мати «one ring interface to rule them all», включно з планшетами та смартфонами?

поновлення (2 жовтня 2013). ще одна цікава неофіційна спроба модернізувати підхід до розробки інтерфейсу, цього разу для нової майбутньої версії — windows 9.

текстова дрібничка

я давно забув навіть про спроби вправлятися в галузі графічного дизайну чи дизайну інтерфейсів (дуже різні галузі, я знаю — але все-таки дещо споріднені й обидві цікаві мені). проте час від часу якась дрібничка в тенетах кидається у вічі. приміром, ось це інформаційне повідомлення на strava.com про тимчасовий «ремонт» на сайті:

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

візуальна розвага: портрети в мозаіці

сьогодні придумав собі цікаву візуальну розвагу: два фільтри в gimp’і (крупна мозаїка + lomo) — і світлину годі впізнати, а галерею таких «фотозагадок» можна розглядати довго… і на шпалери для стільниці така абстракція стане в пригоді.

сам процес настільки простий, що нема про що писати… потрібні: the gimp (наприклад, портативний), стандартний фільт мозаіка (меню фільтри > викривлення > мозаіка) та — мій улюблений! — фільтр ломо від elsamuko.

трішки про розміри екранів — об’єктивні та суб’єктивні

тенета — тобто спеціалізовані сайти і блоги — ретранслюють нове повідомлення microsoft: нарешті готова до серійного використання нова операційна система для мобільних пристроїв — windows phone 7. за шість місяців від офіційного оголошення у барселоні скріншоту новинки не бачив хіба що сліпий — але й для сліпих піарники написали безліч прес-релізів, образно змалювавши технологічну іноваційність, інтуїтивність інтерфейсу, надзвичайну придатність до мультимедійних розваг тощо.

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

ще один шедевр юзабіліті

скільки не вчи програмістів, скільки не вказуй на (елементарні!) помилки — а вони, певно, ніколи не будуть здатні робити просто прийнятний дизайн. я не про «рюшечки», не про красивості — а про можливість взагалі більш-менш зручно користуватися програмами.

полюбуйтеся (скріншот, обведене червоним). от скажіть, невже треба якась спеціяльна «дизайнерська» освіта, щоби такого не робити? невже інтуіція не підказує — гімно?!

оцей шедевр юзабіліті зваяли для linux mint 9…

невже droid — найкращий екранний шрифт?

днями у блозі «український нетбук» з’явився гостьовий допис андрія дегелера «шрифти droid — знахідка для нетбука», і я одразу встановив собі цей шрифт на нетбук з linux mint, щоби спробувати наживо.

сподобалося: шрифт компактний, легко читається. але тоді схотілося мені порівняти його до інших кириличних шрифтів, доступних безкоштовно і котрі так само можна було б використовувати для відображення інтерфейсу — чи насправді droid найкращий?

blogger’и, потрібна підказка

є ідея, але не знаю, як реалізувати… агов, друзі блогери з досвідом боротьби з шаблонами blogger’а — поможіть! чи можна — і як — навчити blogger відображати дві стрічки дописів — в одній усі дописи окрім позначених певним тегом, в іншій — дописи з тим тегом?

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

дизайн користувацького інтерфейсу: книга друга

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

виявляється, сайт головача не просто досі доступний в тенетах (пройшло 7 з половиною років) — але вийшла друга версія його книги: «дизайн пользовательского интерфейса². искусство мыть слона», і вона так само доступна онлайн у вигляді якісно зверстаного pdf-файлу!

векторизувати растр? inkscape і дві хвилини

в попередньому дописі про автосервіс я використав ілюстрацію, наче з якогось набору кліпартів. думаєте, де я її взяв, з тенет? і так, і ні… насправді в google я знайшов ось таку мініатюру розміром 100x97 пікселів у форматі jpeg (див. ілюстрацію) — а вже з неї буквально за 1 хв. зробив векторний двотоновий варіант і експортував у png з потрібним розміром.

зараз і вас навчу це робити — інколи стає в нагоді.

отже, запасаємося чудовим вільним векторним редактором inkscape і кількома хвилинами часу на вивчення короткої підказки з деталізованими скріншотами.

про ідеальний калькулятор

реанімую тему користувацьких інтерфейсів. але спершу невеличка вправа на логіку: поляньте на три скріншоти програмних калькуляторів для windows та linux — і поміркуйте: скільки кнопок повинно бути в екранного калькулятора?

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

пластична хірургія для блога

перш ніж братися до якогось малювання — завше варто поглянути, а що там схожого цікавого вже зробили інші? часто-густо виявляється, що… не варто взагалі витрачати час, можна скористатися тим, що є (і подякувати авторові — нехай йому буде приємно).

отже, натрапив я на btemplates.com — непогану збірку дизайнерських шаблонів для blogger’а (та wordpress’а), знайшов чимало свіжих і приємних для ока робіт, всі — доступні вільно (але пильнуйте ліцензію!). надмірних упереджень щодо оригінальності я не маю (аби лише не кожен третій блог був з тим самим шаблоном).

бульдозер для української блогосфери

маю дві новини: хорошу і не дуже. і почну з хорошої, бо вона того варта.

пам'ятаєте каталог українських блогів російською мовою? до цього часу українського інтерфейсу автори не додали, та й біс з ними: для мене цілком показовим був і перший «виступ», а хто хоче чекати — най чекає.

тим часом непомітно стартував схожий проект — [блогдозер]. каталог україномовних блогів і агрегатор дописів. українською мовою. як на мене, за одне це можна підтримати авторів, хоч недоліків ще вистачає. я сподіваюся, що сайт поступово розвиватиметься, адже він ще дуууже молодий: вчора автори відсвяткували другий тиждень =)

новий дизайн (архів)

примітка (29 квітня 2009)
переклад українською статті з архівів старих версій веб-сайту tivasyk@home: дуже наївно, але читається весело. оригінальний текст російською мовою можна завантажити з drop.io (pdf, 136 кб).

примітка (26 грудня 2001)
стаття написана в жовтні 2000 року для першої версії веб-сайту tivasyk@home. публікуєтсья тут без виправлень. сайт двічі змінив дизайн, тобто стаття в чімось втратила актуальність.

новий дизайн

«in the beginning was the word…»
євангеліє від івана

кажуть, що спочатку було слово (microsoft word — англ. слово майкрософта). зімною інший трафунок. починалося все з програмованих калькуляторів. не можу пояснити, звідки те задоволення, котре я отримував, сидячи над зошитом з кодами для «пекельної машинки» (електроніка мк-52)… було. згодом — шкільні «корвети» — чудо ворожої техніки, одягнене у вітчизняний корпус, — і перші «великі» програми на бейсіку. в «сокобан», над текстом котрого я просидів двійко ночей, грався весь клас… далі — перша робота і перше придбання на кровні «серйозної» машини — «пошук» (перший) з 512 кб пам'яті й монохромним монітором зеленого світіння… я був найщасливішою людиной на світі. від ігор до програмування, і знову до ігор — ночами й по вихідних… пошук я спалив швидко, за півроку. згодом відремонтував і… знову спалив (нема нічого найдійнішого за нашу техніку, хехе). залишився якийсь досвід, інтерес до спілкування з машиною, і трупик комп'ютера ще багато років запилювався в пеноплатовій труні на шафі.

шрифтова еротика

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

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

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

p.s. рік тому в цей день я писав про концептуальний підводний арт, сусідські блоги та про нескінченну роботу.

як налаштувати старий монітор?

гхм, на порталі proit.ua випадково потрапив на таку статтю: "як правильно налаштувати епт-монітор" (рос.)

коментар для тих, хто в танку: епт-монітор -- монітор з дисплеєм не на рідких кристалах (lcd), а на електронно-променевій трубці (crt). ще пам'ятаєте такі? у 2005 році приблизно половина усіх проданих в україні моніторів ще були з епт, а до того рк-монітори були дорогою новинкою.

наразі нічого дивного: стаття датована 2006-м роком. щоправда, ще до цього часу час від часу промайне на головній сторінці proit.ua =) а епт-монітори ще до цього часу широко використовуються в деяких галузях (зокрема, мабуть, в серйозній роботі з графікою, фотографіями), і налаштовувать їх треба. от тільки пересічний користувач навряд чи часто їх бачить тепер.

золотий перетин

золотий перетин (wikipedia.org) --- співвідношення, найбільш відповідне естетичному сприйняттю зображення, вперше запропоноване давньогрецьким математиком евклідом.

журнальна верстка опівночі

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

ось тут, на сайті about.com, єсть невеликий розділ grids for desktop publishing з посиланнями на такі-сякі матеріали. сьма вода на киселі, але краще за нічого.

інший розділна тому ж сайті: magazines, матеріали про особливості журнальної верстки... і також не густо.

а от іще коротка стаття про журнальний дизайн на сайті комп'юарт. а тут єсть базовий курс використання scribus... враховуючи, що це чи не єдина варта уваги система верстки для linux --- тре перечитати.