Університет Культури і Мистецтв.
Реферат по предмету Історія Дизайну.
Альтернативний дизайн
Лебедєв Антон 110 гр
Факультет ФІТіМ
Санкт-Петербург 2001
Зміст
KALIBER 10000
b> Був самий перший японський сайт який я знайшов в інтернеті. І ось тоді і зародився мій інтерес до цього виду дизайну.
Що ж взагалі можна назвати альтернативним дизайном?
b> Мова йде про дизайн, який пропонує змістити точку сприйняття зі сфери дії розуму в підсвідоме (на відміну від класичного дизайну, що знає ...
Ідея твору
b> Це перша фаза налаштування автора і глядача на об'єкт. А в ідеї найперший і пріоритетний ознака - її новизна ...
Новизна ідеї твору
b> як така має бути присутня у будь-якому творі незалежно від його належності до того чи іншого жанру. Саме новизна змушує ...
Стан
b> - емоційне, чуттєве, будь-яке інше, не позначене розумовими процесами, а швидше за участю підсвідомості стан.
Рух
b> І якщо не рухається об'єкт - то змушений рухатися наше око, зіниця. На рівні композиції рух може ...
Фізіологічні основи сприйняття
b> Людський мозок володіє певними особливостями сприйняття навколишньої нас дійсності, які необхідно пам'ятати при ...
Взаємодія
b> Елементи композиції перебувають (повинні знаходитися) у взаємозв'язку між собою та з форматом твору. Цей взаємозв'язок визначається ...
Кольорові асоціативні і емоційні моделі
b> Колір це емоції і настрій. Ви можете підбадьорити глядача, навіяти на нього осінній чи весняний настрій, або ...
Робота зі шрифтами
b> По-перше, шрифтовий композиція (з точки зору художника-шріфтовіка, каліграфа) є спосіб самовираження, що виливаються в самостійну творчу форму
Основні елементи стилю сайту
b> На даний момент можна визначити як типи ...
Ось тепер можна повернуться до KALIBER 10000
b> Цей сайт можна віднести поліграфічного та динамічному дизайну. Сайт розбитий на 3 основних колонки, а колонки на більш ...
KiokenDesign
b> Сайт Японської дизайн студії Кioken Incorporated дуже популярною в Америці. І є однією з найдорожчих студій. Її послугами користуються ...
HSE7EN3
b> що стоїть на задньому плані постать з переплетенням ліній в цілому набуває ...
Який можна зробити висновок?
b> Як показує практика альтернативний дизайн b> не завжди ...
KALIBER 10000 (K10K)
b>
http://www.k10k.com/ b>
Цей напрямок народилося не сьогодні, і не вчора, досить поширене і має масу талановитих адептів і ще більш щільну масу безталанних (формальних) наслідувачів, в силу наявності комп'ютера і вільного часу
KALIBER 10000 b> був самий перший японський сайт який я знайшов в інтернеті.
І ось тоді і зародився мій інтерес до цього виду дизайну. А саме 'Alternative design' або 'Extreme design'.
Тоді ще 2 роки тому таких сайтів були одиниці в тому числі і K10K b>, але про нього пізніше.
Дуже швидко цей стиль прижився і на даний момент таких сайтів стало більше, а головне не тільки японських, але російських, німецьких, і т.д.
Що ж взагалі можна назвати альтернативним дизайном?
b>
Мова йде про дизайн, який пропонує змістити точку сприйняття зі сфери дії розуму в підсвідоме (на відміну від класичного дизайну, який знає в усьому конструктивну міру розуму). За допомогою сучасних технічних і оптичних прийомів дизайнер прагне зрушити глядача зі звичною тому позиції покладатися на мислення в область почуттів, відчуттів, емоцій. І дизайнерові не дуже важливо, що глядач при цьому думає ... Важливо те, що він при цьому відчуває.
Яка логіка дизайнера при цьому (за рахунок чого досягається таке особливе вплив)? При логіко-конструктивному дизайні схема роботи мозку, вироблення оцінки мозку по відношенню до об'єкта така: сприйняття, аналіз, абстрагування, синтез, оцінка об'єкту. Чого гріха таїти, саме аналіз і розділяє ідею на складові частини ( "алгеброю гармонію повірити"). У підсумку почуттів вже немає місця над препаровані об'єктом (над його останками в мозку). Після такого відчуття мозок осіняє об'єкт на рівні ВИВЕДЕННЯ (резюме), більш-менш логічного.
У екстремальному дизайні (нагадаю - це я так його називаю, бо не знаю справжнього назви) суть схеми така: вже на процесі сприйняття дизайнер прагне підключити різні відчуття асоціативного, ностальгічного (де жавю) або вибухо-ударного типу, щоб до моменту аналізу композиції підсвідомість уже сформувати набір емоційно-почуттєвої гармонік, що і покликаний вельми істотно збагатити й урізноманітнити роботу мозку і таким чином вплинути на оцінку композиції. Формально це виглядає так: дизайнер формує в просторі не сам об'єкт або композицію, а як би ВРАЖЕННЯ (відчуття) від нього.
На ремісничому рівні робота (використання законів, засобів, прийомів композиції) залишається колишньою, за винятком одного "виключення" - художник (дизайнер) повинен сам хоча б у загальних рисах щось відчувати, а не просто механічно конструювати. Насправді ця фраза більше належить світові філософськи-творчих питань, ніж формально-практичних реалізацій. І тому більшість робітників принципів практично не відрізняється від застосовуваних у живопису, музиці, архітектурі або художньої фотографії.
b> Ідея твори - як така має бути присутня у всьому. Це перша фаза налаштування автора і глядача на об'єкт. А в ідеї найперший і пріоритетний ознака - її новизна, відсутність стандарту і затерте (убого). Можна застосувати стандартний прийом або схему, гарантовано забезпечує хоч і маленький, але успіх у глядача (маленький тому, що в силу її поношеній глядач бачив таке багато разів, і його відчуття не блищать в процесі сприйняття особливою новизною).
Переважна більшість рекламних оголошень, поліграфічних та веб-композицій засновані на існуючих стереотипах - "це ось треба зробити так-то і так-то, а інакше буде неправильно". Будь-який стереотип - це вже якийсь стандарт, а піти від стандарту можливо тільки застосуванням нових прийомів, що відповідають концепції та загальної ідеї, інакше замість оригінальності народжується оригінальничання (недоношена новизна). На рівні художника або дизайнера це завжди супроводжується творчим пошуком, помилками і невдачами, творчими муками ... Але зате і досить рідкісними осяянь суті новизни (в цю область пізнання ми вже не поліземо, бо це середовище езотериків, містиків, психологів і психіатрів).
Вражаюче потужно працює композиційний прийом - розміщення ма-аа-аленький логотипчик на величезному форматі ... Саме в силу малозаношенності. Основним робочим елементом є чистота білого аркуша, а у свідомості рекламодавців "платити за порожнечу - неприродно" ... І в результаті круті задуми гинуть, зростає кількість сірих макетів, а виграють тільки найсміливіші (на тлі "стандартних" вони виграють подвійно). Зворотною стороною цього аспекту є досить низька інформативність. Уявіть собі рекламну сторінку з оголошеннями з одних логотипів і пауз. Хоча навіщо нам розглядати такі крайнощі?
Далі я спробую сформулювати основні принципи альтернативного дизайну
b> Новизна ідеї твору - як така має бути присутня у будь-якому творі незалежно від його належності до того чи іншого жанру. Саме новизна змушує глядача ворушити мізками (і не обов'язково він при цьому думає ... іноді відчуває, іноді просто розслабляється). Новизна ідеї може бути фігурально виражена через нову композиційну схему (якщо вам вдасться придумати таку - я буду вважати вас генієм:), через нестандартний ритм, рух, пляма світла або через нові цветосочетанія.
Приклад за кольором. Ми звикли мислити настільки стандартно (чорне з жовтим, біле з чорним і червоним, синє і помаранчеве ...), що будь-який новий стан кольору нас спочатку трохи шокує і вимагає адаптації нашого сірої речовини. Особливо це виражено при розміщенні кольорових фотографій. Кольори, чорно-білі, сепія ...
Застосування ефекту color offset (зсув кольору по каналах) може створити зовсім несподіваний і незвичний для нашого сприйняття ефект іншій реальності. Зміна кольору середовища надає тому ж зображенню зовсім інший вигляд, а іноді і сенс. Банальний Motion blur створює ілюзію (відчуття) руху.
b> Стан - емоційне, чуттєве, будь-яке інше, не позначене розумовими процесами, а швидше за участю підсвідомості стан. Наявність таких процесів різко збільшує запам'ятовування. Якщо при нормальному логічному мисленні ідеї змінюють один одного, то підсвідомі стану як би розставляють "віхи" у багатому спектрі відчутті, і при подібній емоційної чи чуттєвої ситуації спрацьовує близька за асоціаціями "віхи". Чи потрібно особливо розписувати важливість цього моменту в будь-яких творах мистецтва, в рекламі або в нашому житті? ...
Використовувати такий факт можна (і потрібно) в обох напрямках. Можна закладати в роботу вже існуючі в підсвідомості "віхи", і тоді робота викликає відчуття життєвості, правдивості, природності. Наша підсвідомість зберігає масу таких відчуттів, починаючи від дитячого сміху і до пивних банок на тротуарі поруч з Кошика. Зворотний варіант - це коли здивувала глядача робота спливає в свідомості при спрацьовуванні життєво-побутовий "віхи" (асоціації).
Зрозуміло, асоціації емоційні та образні у різних людей різні (розставання з коханою в одного асоціюється з повним місяцем, а іншого - з потягом, який від'їжджає ...), але творчість людської фантазії здатна реально переживати і неіснуючі ситуації, і адекватно реагувати на непрожітий образ (переживати його віртуально).
b> Рух
Цей принцип зовсім вже з області підсвідомого, але значима тим не менше. Так уже ми влаштовані, що будь-який об'єкт ми сприймаємо в русі. І якщо не рухається об'єкт - то змушений рухатися наше око, зіниця. На рівні композиції рух може бути виражено через смисловий хід, через пластичний мотив, ритм, певне розміщення елементів і пауз. В кінцевому підсумку будь-яка композиція в першу чергу визначає рух нашого погляду, що вивчає реальність, а слідом за поглядом будуть рухатися і відчуття, і думки. При цьому дизайнеру важливо зрозуміти пряму залежність думок від відчуттів. Те, наскільки правдива створена вами ілюзія (а будь-яка картинка - в кінцевому підсумку ілюзія), настільки реальними будуть і відчуття.
b> Фізіологічні основи сприйняття.
Людський мозок володіє певними особливостями сприйняття навколишньої нас дійсності, які необхідно пам'ятати при створенні творчих робіт (зрозуміло, якщо ви хочете адекватної реакції від глядача). Перевершуючи за своїми можливостями сучасні комп'ютери, мозок відрізняється від них тим, що має схильність концентрувати увагу на певних об'єктах і виключати з уваги не цікавлять його. Ця схильність підпорядковується певним закономірностям, які не знати і не використовувати у своїх сторінках для залучення уваги було б просто нерозумно.
Реакція на небезпеку.
b>
У процесі еволюції людський мозок з метою самозбереження виробив певні реакції (на рівні підсвідомості) на різні види об'єктів, і за наявності деяких факторів об'єкт викликає реакцію відторгнення. Тобто неправильно розставив акценти на своїй сторінці або рекламі, ви можете викликати абсолютно протилежне враження.
Розмір
b>
Великі об'єкти (і псевдоувеліченние) гостріше сприймаються, але чим сильніше реакція на об'єкт - тим сильніше відторгнення. Щит зовнішньої реклами на магістралі сприймається більш спокійно (відстань, швидкість, стан захищеності в автомобілі). І той же щит на пішохідній доріжці може просто придушити глядача своїми розмірами і величезними кольоровими плямами.
Колір
b>
У певних пропорціях колір здатний створювати настрій і привертати увагу, але при порушенні цих співвідношень у бік збільшення може сприйматися як небезпеку і викликати реакцію недовіри.
Природність і доречність
b>
Будь-який об'єкт або зображення може бути природним в одній ситуації і недоречних в іншій. Зображення корови в рекламі на вулицях великого міста приверне увагу, але підсвідомо через свою неприродності викличе недовіру. Картинка з телевізором на заміській трасі викличе тільки сміх.
Виділення об'єкта з-посеред
b>
Одна чорна корова між отарами рудих, велике оголошення на смузі газети серед маленьких, кольорове зображення серед чорно-білих і навпаки. Один і той самий щит наружної реклами взимку і влітку сприймається по-різному за рахунок оточення.
Як це позитивно можна використовувати на практиці? Виділяйте те, що вам здається головним.
КУТ ЗОРУ
b>
Око володіє певним кутом зору, що забезпечує поле сприятливого сприйняття. Максимальний кут сприйняття очі 57 градусів, оптимальний - 35-40 градусів. Ці дані дозволяють обчислювати найбільш сприятливі розміри реклами на різних відстанях. Якщо екран знаходиться на відстані в середньому 35-40 см від очей, то оптимальний розмір зображення складає 15 - 18 см по висоті і 10-14см по ширині (враховані особливості бінокулярного зору). Сподіваюся, ви не сприйняли це як рада робити ВСЕ картинки такого розміру.
Фокусування погляду.
b>
Як продовження попереднього абзацу. Важливий не тільки сприятливий розмір, але і певне розміщення особливо важливих елементів в композиції. Наш погляд концентрує увагу на досить невеликій зоні, а іншу, ближче до країв як би розмиває. Насправді мозок просто відкидає цю інформацію. Скажімо, у людей з тренованим поглядом бічний зір розвинений іноді дуже сильно.
Нехтувати даної особливістю при побудові ваших композицій (сторінок) було б нерозумно. Як це виглядає на практиці?
Ви розмістили на вашій сторінці велика кількість анімаційних зображень, Блинков і рядків, що біжать, кожне з яких активно привертає увагу, тому що ворушиться. Мозок інстинктивно спрямовує увагу на неї, тому як природа заклала в нього пріоритет рухомих предметів і зображень перед статичними з метою самозбереження індивідуума. Але сусідній об'єкт так само активно вимагає уваги, ну і інші теж. У результаті мозок глядача в розгубленості - на що ж йому таки дивитися в першу чергу. Підсвідомо виникає реакція тривоги і відторгнення.
b> Взаємодія
Елементи композиції перебувають (повинні знаходитися) у взаємозв'язку між собою та з форматом твору. Цей взаємозв'язок визначається насамперед ідеєю на рівні композиційної схеми, пластичним мотивом на рівні прийомів і принципів композиції, емоційним фоном на рівні використання тону і кольору. Наприклад, твір, що виражає спокій і умиротворення, не повинно містити композиційних груп з елементами хаосу або синкопованих ритму (не є жорстким правилом), а виражає прагнення до спокою - вже є рух від групи хаосу до групи порядку через певні принципи. У першому випадку звичайно застосовується симетричне побудова композиції без вираженого руху, у другому - відступ від цієї симетрії. На рівні руху він визначає розвиток і дотримання пластичного мотиву через пляма, ритм чи силует (оформлений лінією або тим же плямою, групою плям).
Колір і тон є в цьому випадку елементами, що сприяють розкриттю задуму (нарівні з основними принципами, тому як рівноправні з ними). При застосуванні декількох принципів переважає найбільш виражений (акцентований в порівнянні з іншими).
У наведених прикладах жодна з картинок не явялется прикладом композиції абсолютного спокою, хоча перший варіант дуже близький за рішенням. Чим же він нас не влаштовує? Якесь умовне "повісаніе" елементів над неіснуючої, але автоматично уявної площиною ...
У другому прикладі нас не влаштує "нестійкість" майже з тих же причин, що і в першому ...
У третій картинці ви можете провести лінію симетрії достатньо чітко, але ні вона, ні елементи ніяк не відповідають станом спокою, а скоріше млявого, "анемічного" руху ... напрямок руху теж фактично не вгадується, вірніше, їх одночасно декілька, і тільки вісь симетрії якимось чином переважає над іншими напрямками.
Що таке стиль?
b>
Це система візуальних елементів, покликана забезпечити цілісність сприйняття даної сторінки або всього сайту. Виходячи з розробленої вами концепції та контенту (текстового матеріалу, готових ілюстрацій і малюнків), ви вибираєте шрифти, колір фону, спосіб обробки картинок, колажів, іконок і пр. елементів. Ну а потім просто намагаєтеся дотримуватися вибраної вами манери виконання елементів по ходу створення та розвитку сайту.
Стиль покликаний забезпечити хоча б мінімальну унікальність вашого сайту. Ви можете використовувати поширений набір кольорів, шрифтів, стандартні прийоми оформлення ... Але щось своє, особливе в ньому має трохи бути. Інакше серед декількох мільйонів сторінок вашу можуть і не помітити.
b> Основні елементи стилю сайту
Логотип
Модульна
Шрифти
Кольори
Ілюстративний ряд (прийоми обробки зображень)
b>
На даний момент можна визначити як типи --
"текстовий" b> дизайн - визначається змістом та концепцією автора. "Текстовий" не означає простий або примітивний. На першому рівні це означає майже повна відсутність зображень як таких, що значно прискорює завантаження сторінки. А навігаційні та декоративні елементи виконуються тими ж "символьними" прийомами. Потрібно сказати, що HTML як такої значно розширив можливості при розподілі сторінок цього типу, і тепер за допомогою коду можна робити і тіні, і навіть зображення (хоча зображення кодом часто більше в "живій вазі", ніж аналогічне в GIFе або JPGе) .. . За таких розверстка слід добре знати класичні верстальние прийоми, особливості шрифтів.
" поліграфічний b>" дизайн - той варіант, коли веб-сторінка з усіх своїх сил прагне імітувати друковане видання (особливо буклетние типи). Такий дизайн поширений на корпоративних сайтах, сайтах з рекламним ухилом, там, де особливо необхідно образно-емоційне наповнення основного змісту. Ставка робиться на класичні дизайнерські прийоми за принципом - загальний дизайн, а потім нарізати і зібрати ... Як правило, основне враження користувач отримує за рахунок піксельної графіки.
" інтерфейсний b>" дизайн - зараз його ще кличуть usability ... Стиль, покликаний максимально полегшити життя користувачеві у всіх її проявах, від завантаження сторінки (мінімізірованіе коду та гранична оптимізація зображень) до особливого, доведеного до релігійного поклоніння ретельного виконання кожного елемента. Як приклад - сайт студії "Лакмус". Досконально продумана (як правило) навігація, спочатку зрозумілість користування загальною схемою сайту - такий підхід до веб-дизайну викликає лише глибоку повагу і пошану. І навіть якщо з точки зору образотворчої естетики на такому сайті виявиться не все гладко, то з лишком окупиться іншими перевагами.
" динамічний b>" дизайн - у примітивному варіанті що бігають по екрану, або просто шевелящіеся зображення (в основному - флеш, але сюди ж можна віднести і DHTML, і якісь штучки на Java і навіть анімаційний GIF). У добре продуманого сценарію це може бути ціле твір мистецтва, послідовно розгортає перед глядачем думка автора або якийсь художній образ. Інтерфейси на флеш часто вражають нашу уяву в найкращому сенсі цього слова.
" змішані b>" типи - суть зрозуміла і так. Зазвичай комбінація всіх цих типів.
Кольорові асоціативні і емоційні моделі
b>
Колір це емоції і настрій. Ви можете підбадьорити глядача, навіяти на нього осінній чи весняний настрій, або навпаки, загнати у смертну тугу.
Світло-сірий колір у нас називається срібним, темно-сірий з відтінками - "мокрий асфальт", брудно-білий - "біла ніч". "Корида" - і ми відразу уявляємо червоний, але особливого відтінку. У хід йдуть назви напоїв - "кавовий", "шоколадний", "молочний". Не гребуючи і назвами фруктів - "оливковий", "вишневий". Йде в хід все, з чим можна порівняти незвичний відтінок. Ну і приклади.
"Престижні", золото, срібло, темно-сірий, чорний. Їх завдання - передати солідність, впевненість, стабільність і високу вартість.
"Пастельні", ніжні бежеві, рожеві, блакитні ... Жіночні, м'які, розслаблюючі ...
"Здорові", з американської психології ... Чистота, здоров'я, впевненість, сім'я .... (соя, кукурудза: o)
"Природні", близькі до природних органічним, природним компонентам ...
Як варіант використання кольору - "Розтяжки" ... Зазвичай тональні відтінки одного кольору, і як акцент - більш активний колір.
Є й нестандартні цветосочетанія: рожевий з чорним, жовтий та зелений та інші ... в таких випадках, як показує досвід, важлива сама ідея, а також конкретне її втілення. Я думаю, що при здійсненні своєї ідеї засобами кольору варто довіритися своїм емоційним відчуттям. Але якщо п'ять ваших сайтів поспіль мають чорний фон, то або вам пофигу на творчість, або у вас не все в порядку з головою.
Якщо ваш сайт про цирк, то ясно, що прийоми використання кольору в ньому теж повинні бути "цирковими", то є яскраві насичені, а то й відкриті (конкретні) кольору. Але якщо раптом вам закортіло зробити сторінку про нічний цирк, то і настрій має бути відповідним. Корисно подивитися, як подібні теми вирішують інші художники (і не тільки Артемій Лебедєв: o). Я маю на увазі і живописців, і графіків.
Робота зі шрифтами
b>
По-перше, шрифтовий композиція (з точки зору художника-шріфтовіка, каліграфа) є спосіб самовираження, що виливаються в самостійну творчу форму, композицію, дуже часто лист, здатний прикрасити будь-який офіс або кабінет. І такі приклади нам відомі з давніх часів. Така композиція має максимально повно показати особливості шрифту, його тонкощі, суть ...
Іноді це просто алфавіт, іноді осмислена фраза або навіть текстовий блок, який передає настрій за допомогою як самого шрифту, так і композиції, в якій виражена ця сама думка.
Але ми можемо, наприклад, милуватися чистотою ліній в літері "А" будь-якого що сподобався нам шрифту. Якщо хочете - можете спробувати ...
Через п'ять хвилин ви зрозумієте, що розглядає не лише сам символ, або його контури, вигини, але і навколишній його простір. Через кілька місяців таких вправ ви відчуєте в собі нові якості, що дозволяють вам визначати вибір шрифту не механічно або логічно, а по кілька іншим принципом (я не буду намагатися описати цей принцип, бо тут можна наплести таке, що й самому потім повік не розібратися. .. Скажімо - це цілком тема для дисертації з психології сприйняття). На нормальною мовою - це виховання очі (і мозку, природно), його навчання різних форм і їх особливостей.
Не секрет, що основна маса читачів у складальному блоці навряд чи відрізняє "таймс" від "гарамонда", подумки абстрагуючись їх до рівня АнтиквА, і лише на більш-менш великих заголовків кеглях здатні звертати увагу на різницю. М'яко скажімо, вони просто не спантеличує таким питанням. Протест або обурення виникає або при дуже вже дрібному кегль (який в окулярах прочитати не можна, а без очок взагалі не видно), або при надмірній щільності знаків, коли рядок перетворюється на жирну лінію, а текстовий блок - у смугастий матрацик.
Особливістю роботи зі шрифтом є його знаковість, тобто будь-який символ можна видозмінювати до тих пір, поки він продовжує ідентифікувати себе зі своєю графема, справжнім шрифтом.
Саме це ми спостерігаємо в індивідуальних почерках, коли кожен пише як йому заманеться, але за якийсь гранню почерк стає мають важко схожим на абракадабру, зрозумілу тільки автору (втім, і це не завжди).
І як тільки знак перестає опізнаватися - він перестає виконувати свою пряму роль, втрачає свій сенс, перетворюючись в абстрактне зображення.
Крім спеціальних шрифтових композицій існують і функціональні ... Це реклама, книги, плакати, телебачення - за великим рахунком все, на чому можна щось написати взагалі. За десять років вільного ринку в Росії виник величезний інтерес до шрифтів як до засобу виконання композицій. Але відсутність інтересу фірм до ексклюзивних шрифтів внаслідок порівняльної "дорожнечі" шрифтових спецразработок перетворює всі види носіїв у одноманітну шрифтових кашу з настільки намуляв очі шрифтами типу "АдверГотік", що читач вже не може впізнати по шрифту фірму, а прочитаний слоган зараз підміняється в мозку наступним безликим. І в результаті - фірми не одержують реально можливого, споживачі замість інформації мають суцільний головний біль.
Ще один приклад творчого використання шрифту - акцідентація. По суті це - виділений текст. Він може бути заголовком, девізом, гаслом ... Іноді для вираження думки досить використовувати bold і більший кегль. Але часто подібні акценти виконуються індивідуальним чином, націлюючись тільки лише на суть теми ... Завдання - допомогти повніше виразити основну думку, допомагаючи при цьому художніми засобами. Якщо вам вдасться таким чином додати індивідуальність тексту - його виразність від цього значно зростає. Аби виявилося до місця ... і в міру ...
При цьому часто такі речі замовляються для індивідуального виконання майстру - каліграфія, бо комп'ютерний шрифт, навіть самий підходящий, несе в собі повторюваність символів, якийсь свідомий стандарт ... Жива рука художника завжди внесе якусь різноманітність (не треба плутати з зворотнім варіантом, коли художник не справляється з правильним накресленням шрифту, що вимагає чіткості і правильного виконання символів). І справа зовсім не в комп'ютері ... Багато графічні пакети вже містять у собі необхідний набір засобів роботи зі шрифтом.
Ось тепер можна повернуться до KALIBER 10000 (www.k10k.net)
b>
Цей сайт можна віднести поліграфічного та динамічному дизайну. Сайт розбитий на 3 основних колонки, а колонки на більш дрібні блоки що надає йому вид газети. І головне видно свій стиль і унікальність сайту. Власне з цього сайту і почався альтернативний дизайн. Відразу з'явилося безліч клонів і просто схожих за стилем сайтів.
Бездоганно підібрані кольори
Велика кількість анімаційних Gif (ів) надає динаміку.
Дуже якісно зроблена графіка, все мініатюрне, об'ємне і акуратне.
Меню складається з квадратних іконок при натисканні деформуються в круглі. Що є цікаве рішення.
Дуже професійно написаний HTML код і Java Scripts. Один з небагатьох Разов коли я не можу розібратися у вихідних текстах :-)
На жаль сам дизайн сайту не практичний
Не зрозуміло куди людина потрапляє, немає заголовка.
Не зрозуміла мета сайту.
Дуже дрібний шрифт, не читабельність.
Велика кількість графіки, що веде до довгої завантаженні сайту.
Сайт розбитий на фрейми, великий мінус при індексації в пошукових системах.
KiokenDesign - http://www.kioken.com/
b>
Сайт Японської дизайн студії Кioken Incorporated b> дуже популярною в Америці. І є однією з найдорожчих студій. Її послугами користуються великі фірми, Rap та Pop зірки. Jennifer Lopez, Slim Shady, Sony, Universal Records, Canon USA b> і багато інших.
Інтерфейсний дизайн сайту, вишукано простий і зрозумілий будь-якому що зайшов сюди відразу зрозуміло куди йти і що робити.
В оформленні сайту використовуються сірі тони. Що надає сайту певну стильність.
За рахунок смугастого фону відчувається завершеність, і як би згладжуються порожнечі на сторінці
Нестандартно розташовано меню як би ламаною лінією і смуги фону ще більше посилює цей ефект.
Мінус мабуть тільки одна, то що сайт добре виглядає тільки при дозволі 800x600, технології ростуть, чим більше монітори, тим більше дозвіл екрану. Через 2-3 роки багато сайтів доведеться просто переробляти.
HSE7EN3 - http://www. h73.com /
b>
Дуже цікавий дизайн, немає тієї стандартності верстки і оформлення.
Чим то нагадує листівку тим самим ставиться до поліграфічного дизайну.
що стоїть на задньому плані постать з переплетенням ліній в цілому набуває абстрактні м'які форми.
Але знову та ж сама проблема KALIBER 10000 b> абсолютно не зрозуміло куди ти потрапив, назви сайту HSE7EN3 b> не про що не говорить (хоча у "альтернативних" дизайнерів назви типу 's404 ',' off3nsiv3 'дуже популярні), і тільки після довгого повзання по сайту, стає ясно що це
"connecting communities", тобто "громада дизайнерів".
Для громади дизайнерів сайт зроблений зі смаком, а головне з ідеєю!
Добре підібрані кольори, навіть сміливо.
Вийшла яскрава, контрастна колірна гама.
З приводу меню, назви розділів типу .05 APT277: SWF b> навряд чи будуть зрозумілі кому або :-)
Виходить не сайт, а кросворд. І поки ти весь сайт не подивишся, ти не зрозумієш куди прийшов.
Що є великим мінусом для відвідувачів сайту.
b>
Кількома на меню і що відразу впадає в очі.
Це зовсім інший стиль (тут показані два Pop UP вікна)
Зазвичай дизайнери дотримуються одного стилю. Як би прив'язуючи одну сторінку до іншої, навіть різні за тематикою. Але з задумом дизайнера не посперечаєшся.
Який можна зробити висновок?
b>
Як показує практика альтернативний дизайн b> не завжди застосуємо до веб-сайтів, якщо треба показати сайт фірми або інформаційний сайт наприклад. Люди хочуть щоб все було просто і зрозуміло.
Без особливих надмірностей, без польоту фантазії. І з цим доводиться миритися Веб-дизайнерам.
Але в будь-якому випадку альтернативний дизайн буде жити й розвиватися, а головне він буде затребуваний!
Щоб справді насолодиться альтернативним дизайном: b>
http://www.threeoh.com/
http://www.yigal-azrouel.com/
b>
http://www.mtv2.co.uk/
http://cmart.design.ru/
http://www.yigal-azrouel.com/
http://www.gmunk.com/
http://www.submethod.com/
http://chapter3.net/imperium/
http://www.21network.com/
http://www.4k-london.com/
http://www.47jane.com/
http://www.52mm.com/
http://www.ad2.com/
http://www.madesign.com/
http://www.addison.co.uk/
http://www.adhoc.com/
http://www.agency.com/
http://www.akimbodesign.com/
http://www.albenfaris.com/
http://www.angrymonkey.co/
http://www.hitanvil.com/
http://www.apldigital.com/
http://www.atg.com/ "
http://www.atomicvision.com/
Джерела:
b>
Віктор Вязьмінов ( MrDeSign b>)
Артемій Лебедєв
Дмитро Кірсанов