Альтернативний веб-дизайн

[ виправити ] текст може містити помилки, будь ласка перевіряйте перш ніж використовувати.

скачати

Університет Культури і Мистецтв.

Реферат з предмету Історія Дизайну.

Альтернативний дизайн

Лебедєв Антон 110 гр

Факультет ФІТіМ

Санкт-Петербург 2001

Зміст

Альтернативний веб-дизайнАльтернативний веб-дизайн KALIBER 10000 Був самий перший японський сайт який я виявив в інтернеті. І ось тоді і зародився мій інтерес до цього виду дизайну.
Альтернативний веб-дизайнАльтернативний веб-дизайн Що ж взагалі можна назвати альтернативним дизайном? Мова йде про дизайн, який пропонує змістити точку сприйняття зі сфери дії розуму у підсвідоме (на відміну від класичного дизайну, що знає ...
Альтернативний веб-дизайн Альтернативний веб-дизайн Ідея твору Це перша фаза налаштування автора і глядача на об'єкт. А в ідеї найперший і пріоритетний ознака - її новизна ...
Альтернативний веб-дизайн Альтернативний веб-дизайн Новизна ідеї твору як така має бути присутня у будь-якому творі незалежно від його належності до того чи іншого жанру. Саме новизна змушує ...
Альтернативний веб-дизайн Альтернативний веб-дизайн Стан - емоційне, чуттєве, будь-яке інше, не позначене розумовими процесами, а швидше участю підсвідомості стан.
Альтернативний веб-дизайн Альтернативний веб-дизайн Рух І якщо не рухається об'єкт - то вимушений рухатися наше око, зіниця. На рівні композиції рух може ...
Альтернативний веб-дизайн Альтернативний веб-дизайн Фізіологічні основи сприйняття Людський мозок має певними особливостями сприйняття навколишньої дійсності, які необхідно пам'ятати при ...
Альтернативний веб-дизайнАльтернативний веб-дизайн Взаємодія Елементи композиції знаходяться (повинні перебувати) у взаємозв'язку між собою і з форматом твору. Цей взаємозв'язок визначається ...
Альтернативний веб-дизайнАльтернативний веб-дизайн Колірні асоціативні і емоційні моделі Колір це емоції і настрій. Ви можете підбадьорити глядача, навіяти на нього осіннє або весняний настрій, або ...
Альтернативний веб-дизайн Альтернативний веб-дизайн Робота зі шрифтами По-перше, шрифтовий композиція (з точки зору художника-шрифтовики, каліграфа) є спосіб самовираження, що виливається в самостійну творчу форму
Альтернативний веб-дизайнАльтернативний веб-дизайн Основні елементи стилю сайту На даний момент можна визначити як типи ...
Альтернативний веб-дизайн Альтернативний веб-дизайн Ось тепер можна повернуться до KALIBER 10000 Цей сайт можна віднести поліграфічного і динамічному дизайну. Сайт розбитий на 3 основних колонки, а колонки на більш ...
Альтернативний веб-дизайн Альтернативний веб-дизайн KiokenDesign Сайт Японської дизайн студії Кioken Incorporated дуже популярною в Америці. І є однією з найдорожчих студій. Її послугами користуються ...
Альтернативний веб-дизайн Альтернативний веб-дизайн HSE7EN3 стоїть на задньому плані фігура з переплетенням ліній в цілому набирає ...
Альтернативний веб-дизайн Альтернативний веб-дизайн Який можна зробити висновок? Як показує практика альтернативний дизайн не завжди ...

Альтернативний веб-дизайн

Альтернативний веб-дизайн KALIBER 10000 (K10K)

http://www.k10k.com/

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

KALIBER 10000 був самий перший японський сайт який я виявив в інтернеті.

І ось тоді і зародився мій інтерес до цього виду дизайну. А саме 'Alternative design' або 'Extreme design'.

Тоді ще 2 роки тому таких сайтів були одиниці у тому числі і K10K, але про нього пізніше.

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

Альтернативний веб-дизайн Що ж взагалі можна назвати альтернативним дизайном?

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

Яка логіка дизайнера при цьому (за рахунок чого досягається таке особливе вплив)? При логіко-конструктивному дизайні схема роботи мозку, вироблення оцінки мозку по відношенню до об'єкта така: сприйняття, аналіз, абстрагування, синтез, оцінка об'єкта. Чого гріха таїти, саме аналіз і розділяє ідею на складові частини ("алгеброю гармонію повірити"). У результаті почуттям вже немає місця над препарованих об'єктом (над його останками в мозку). Після такого відчуття мозок осіняє об'єкт на рівні ВИВЕДЕННЯ (резюме), більш-менш логічного.

В екстремальному дизайні (нагадаю - це я так його називаю, бо не знаю справжнього назви) суть схеми така: вже на процесі сприйняття дизайнер прагне підключити різні відчуття асоціативного, ностальгічного (де жавю) або вибухо-ударного типу, щоб до моменту аналізу композиції Підсвідомість Вже сформовані НАБІР Емоційно-почуттєві гармонік, що і покликане вельми істотно збагатити та урізноманітнити роботу мозку і таким чином вплинути на оцінку композиції. Формально це виглядає так: дизайнер формує в просторі не сам об'єкт або композицію, а як би ВРАЖЕННЯ (відчуття) від нього.

Альтернативний веб-дизайнАльтернативний веб-дизайн

Альтернативний веб-дизайнАльтернативний веб-дизайн

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

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

Переважна більшість рекламних оголошень, поліграфічних і веб-композицій засновані на існуючих стереотипах - "це ось треба зробити так-то і так-то, а інакше буде неправильно". Будь-який стереотип - це вже якийсь стандарт, а піти від стандарту можливо тільки застосуванням нових прийомів, відповідних концепції і загальній ідеї, інакше замість оригінальності народжується оригінальничання (недоношена новизна). На рівні художника або дизайнера це завжди супроводжується творчим пошуком, помилками і невдачами, творчими муками ... Але зате і досить рідкісними осяяннями суті новизни (у цю область пізнання ми вже не поліземо, бо це середовище езотериків, містиків, психологів та психіатрів).

Альтернативний веб-дизайнАльтернативний веб-дизайн

Альтернативний веб-дизайнАльтернативний веб-дизайн

Вражаюче потужно працює композиційний прийом - розміщення ма-аа-аленький логотипчик на величезному форматі ... Саме в силу малозаношенності. Основним робочим елементом є чистота білого аркуша, а в свідомості рекламодавців "платити за порожнечу - неприродно" ... І в підсумку круті задуми гинуть, зростає кількість сірих макетів, а виграють тільки найсміливіші (на тлі "стандартних" вони виграють подвійно). Зворотною стороною цього аспекту є досить низька інформативність. Уявіть собі рекламну сторінку з оголошеннями з одних логотипів і пауз. Хоча навіщо нам розглядати такі крайнощі?

Далі я спробую сформулювати основні принципи альтернативного дизайну

Альтернативний веб-дизайн Новизна ідеї твору - як така має бути присутня у будь-якому творі незалежно від його належності до того чи іншого жанру. Саме новизна змушує глядача ворушити мізками (і необов'язково він при цьому думає ... інколи відчуває, іноді просто розслабляється). Новизна ідеї може бути фігурально виражена через нову композиційну схему (якщо вам вдасться придумати таку - я буду вважати вас генієм:), через нестандартний ритм, рух, пляма світла або через нові цветосочетания.

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

Застосування ефекту color offset (зсув кольору по каналах) може створити зовсім несподіваний і незвичний для нашого сприйняття ефект іншої реальності. Зміна кольору середовища надає тому ж зображенню зовсім інший вигляд, а іноді і сенс. Банальний Motion blur створює ілюзію (відчуття) руху.

Альтернативний веб-дизайнАльтернативний веб-дизайнАльтернативний веб-дизайн

Альтернативний веб-дизайн Стан - емоційне, чуттєве, будь-яке інше, не позначене розумовими процесами, а швидше участю підсвідомості стан. Наявність таких процесів різко збільшує Запам'ятовування. Якщо при нормальному логічному мисленні ідеї змінюють один одного, то підсвідомі стану як би розставляють "віхи" у багатому спектрі відчутті, і при подібній емоційної або чуттєвої ситуації спрацьовує близька за асоціаціями "віха". Чи потрібно особливо розписувати важливість цього моменту в будь-яких творах мистецтва, в рекламі або в нашому житті? ...

Використовувати такий факт можна (і треба) в обох напрямках. Можна закладати в роботу вже існуючі в підсвідомості "віхи", і тоді робота викликає відчуття життєвості, правдивості, природності. Наша підсвідомість зберігає масу таких відчуттів, починаючи від дитячого сміху і до пивних банок на тротуарі поруч з Кошика. Зворотний варіант - це коли здивувала глядача робота спливає у свідомості при спрацьовуванні життєво-побутовий "віхи" (асоціації).

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

Альтернативний веб-дизайн Рух

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

Альтернативний веб-дизайнАльтернативний веб-дизайн

Альтернативний веб-дизайн Фізіологічні основи сприйняття.

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

Реакція на небезпеку.

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

Альтернативний веб-дизайнАльтернативний веб-дизайнАльтернативний веб-дизайн

Розмір

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

Колір

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

Природність і доречність

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

Виділення об'єкта із середовища

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

Альтернативний веб-дизайнАльтернативний веб-дизайнАльтернативний веб-дизайн

Як це позитивно можна використовувати на практиці? Виділяйте те, що вам здається головним.

КУТ ЗОРУ

Альтернативний веб-дизайн

Око має певним кутом зору, що забезпечує поле сприятливого сприйняття. Максимальний кут сприйняття очі 57 градусів, оптимальний - 35-40 градусів. Ці дані дозволяють обчислювати найбільш сприятливі розміри реклами на різних відстанях. Якщо екран знаходиться на відстані в середньому 35-40 см від очей, то оптимальний розмір зображення становить 15 - 18 см по висоті і 10-14см по ширині (враховані особливості бінокулярного зору). Сподіваюся, ви не сприйняли це як пораду робити ВСЕ картинки такого розміру.

Фокусування погляду.

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

Нехтувати даною особливістю при побудові ваших композицій (сторінок) було б нерозумно. Як це виглядає на практиці?

Ви розмістили на вашій сторінці велика кількість анімованих зображень, Блінков і рядків, що біжать, кожне з яких активно привертає увагу, тому що ворушиться. Мозок інстинктивно спрямовує увагу на неї, тому як природа заклала в нього пріоритет рухомих предметів і зображень перед статичними з метою самозбереження індивідуума. Але сусідній об'єкт так само активно вимагає уваги, ну і інші теж. У результаті мозок глядача в розгубленості - на що ж йому таки дивитися в першу чергу. Підсвідомо виникає реакція тривоги і відторгнення.

Альтернативний веб-дизайн Взаємодія

Елементи композиції знаходяться (повинні перебувати) у взаємозв'язку між собою і з форматом твору. Цей взаємозв'язок визначається насамперед ідеєю на рівні композиційної схеми, пластичним мотивом на рівні прийомів і принципів композиції, емоційним фоном на рівні використання тону і кольору. Наприклад, твір, що виражає спокій і умиротворення, не повинно містити композиційних груп з елементами хаосу або синкоповані ритму (не є жорстким правилом), а виражає прагнення до спокою - вже є рух від групи хаосу до групи порядку через певні принципи. У першому випадку звичайно застосовується симетрична побудова композиції без вираженого руху, у другому - відступ від цієї симетрії. На рівні руху він визначає розвиток і проходження пластичного мотиву через пляма, ритм чи силует (оформлений лінією або тим же плямою, групою плям).

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

Альтернативний веб-дизайнАльтернативний веб-дизайнАльтернативний веб-дизайн

У наведених прикладах жодна з картинок не явялется прикладом композиції абсолютного спокою, хоча перший варіант дуже близький за рішенням. Чим же він нас не влаштовує? Певне умовне "повісаніе" елементів над неіснуючою, але автоматично уявної площиною ...

У другому прикладі нас не влаштує "нестійкість" майже з тих же причин, що і в першій ...

У третій картинці ви можете провести лінію симетрії достатньо чітко, але ні вона, ні елементи ніяк не відповідають стану спокою, а скоріше млявого, "анемічного" руху ... напрям руху теж фактично не вгадується, вірніше, їх одночасно декілька, і тільки вісь симетрії якимось чином переважає над іншими напрямками.

Альтернативний веб-дизайн Що таке стиль?

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

Стиль покликаний забезпечити хоча б мінімальну унікальність вашого сайту. Ви можете використовувати поширений набір кольорів, шрифтів, стандартні прийоми оформлення ... Але щось своє, особливе в ньому має маленько бути. Інакше серед декількох мільйонів сторінок вашу можуть і не помітити.

Альтернативний веб-дизайн Основні елементи стилю сайту

Логотип

Модульна

Шрифти

Кольори

Ілюстративний ряд (прийоми обробки зображень)

На даний момент можна визначити як типи -

"Текстовий" дизайн - визначається змістом та концепцією автора. "Текстовий" не означає простий або примітивний. На першому рівні це означає майже повну відсутність зображень як таких, що значно прискорює завантаження сторінки. А навігаційні та декоративні елементи виконуються тими ж "символьними" прийомами. Потрібно сказати, що HTML як такої значно розширив можливості при розподілі сторінок цього типу, і тепер за допомогою коду можна робити і тіні, і навіть зображення (хоча зображення кодом найчастіше більше за "живою вагою", ніж аналогічне в GIFе або JPGе) .. . За таких розверстка слід добре знати класичні верстальний прийоми, особливості використовуваних шрифтів.

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

"Інтерфейсний" дизайн - зараз його ще кличуть usability ... Стиль, покликаний максимально полегшити життя користувачу у всіх її проявах, від завантаження сторінки (мінімізірованія коду і гранична оптимізація зображень) до особливого, доведеного до релігійного поклоніння ретельного виконання кожного елемента. Як приклад - сайт студії "Лакмус". Досконально продумана (як правило) навігація, спочатку зрозумілість користування загальною схемою сайту - такий підхід до веб-дизайну викликає лише глибоку пошану і повагу. І навіть якщо з точки зору образотворчої естетики на такому сайті виявиться не все гладко, то з лишком окупиться іншими достоїнствами.

"Динамічний" дизайн - у примітивному варіанті бігають по екрану, або просто ворушаться зображення (в основному - флеш, але сюди ж можна віднести і DHTML, і якісь штучки на Java і навіть анімаційний GIF). У добре продуманому сценарію це може бути цілий твір мистецтва, послідовно розгортається перед глядачем думка автора або якийсь художній образ. Інтерфейси на флеш часто вражають нашу уяву в самому гарному сенсі цього слова.

"Змішані" типи - суть зрозуміла й так. Зазвичай комбінація всіх цих типів.

Альтернативний веб-дизайн Колірні асоціативні і емоційні моделі

Колір це емоції і настрій. Ви можете підбадьорити глядача, навіяти на нього осіннє або весняний настрій, або навпаки, увігнати в смертну тугу.

Світло-сірий колір у нас називається срібним, темно-сірий з відтінками - "мокрий асфальт", брудно-білий - "біла ніч". "Корида" - і ми відразу уявляємо червоний, але особливого відтінку. У хід йдуть назви напоїв - "кавовий", "шоколадний", "молочний". Не гребуючи і назвами фруктів - "оливковий", "вишневий". Йде в хід усе, з чим можна порівняти незвичайний відтінок. Ну і приклади.

"Престижні", золото, срібло, темно-сірий, чорний. Їх завдання - передати солідність, впевненість, стабільність і високу вартість.

Альтернативний веб-дизайн

"Пастельні", ніжні бежеві, рожеві, блакитні ... Жіночні, м'які, розслаблюючі ...

Альтернативний веб-дизайн

"Здорові", з американської психології ... Чистота, здоров'я, впевненість, сім'я .... (Соя, кукурудза: o)

Альтернативний веб-дизайн

"Природні", близькі до природних органічним, природним компонентам ...

Альтернативний веб-дизайн

Як варіант використання кольору - "Розтяжки" ... Зазвичай тональні відтінки одного кольору, і як акцент - більш активний колір.

Альтернативний веб-дизайн

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

Альтернативний веб-дизайнАльтернативний веб-дизайнАльтернативний веб-дизайн

Якщо ваш сайт про цирк, то ясно, що прийоми використання кольору в ньому теж повинні бути "цирковими", то є яскраві насичені, а то й відкриті (конкретні) кольору. Але якщо раптом вам закортіло зробити сторінку про нічний цирк, то й настрій має бути відповідним. Корисно подивитися, як подібні теми вирішують інші художники (і не тільки Артемій Лебедєв: o). Я маю на увазі і живописців, і графіків.

Альтернативний веб-дизайн Робота зі шрифтами

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

Альтернативний веб-дизайн

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

Альтернативний веб-дизайнАльтернативний веб-дизайн

Альтернативний веб-дизайнАльтернативний веб-дизайн

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

Альтернативний веб-дизайн

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

Не секрет, що основна маса читачів у набірному блоці навряд чи відрізняє "таймс" від "гарамонда", подумки абстрагуючись їх до рівня антиква, і лише на більш-менш великих заголовних кеглях здатні звертати увагу на різницю. М'яко скажемо, вони просто не переймаються таким питанням. Протест чи обурення виникає або при дуже вже дрібному кеглі (який в окулярах прочитати не можна, а без очок взагалі не видно), або при зайвій щільності знаків, коли рядок перетворюється на жирну лінію, а текстовий блок - у смугастий матрацик.

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

Альтернативний веб-дизайн

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

Альтернативний веб-дизайн

І як тільки знак перестає опізнаватися - він перестає виконувати свою пряму роль, втрачає свій сенс, перетворюючись на абстрактне зображення.

Крім спеціальних шрифтових композицій існують і функціональні ... Це реклама, книги, плакати, телебачення - за великим рахунком все, на чому можна щось написати взагалі. За десять років вільного ринку в Росії виник величезний інтерес до шрифтів як до засобу виконання композицій. Але відсутність інтересу фірм до ексклюзивних шрифтів внаслідок порівняльної "дорожнечі" шрифтових спецразработок перетворює всі види носіїв в одноманітну шрифтову кашу з настільки намуляв очі шрифтами типу "АдверГотік", що читач вже не може впізнати по шрифту фірму, а прочитаний слоган негайно підміняється в мозку наступним безликим. І в результаті - фірми не отримують реально можливого, споживачі замість інформації мають суцільну головний біль.

Ще один приклад творчого використання шрифту - акцідентація. По суті це - виділений текст. Він може бути заголовком, девізом, гаслом ... Іноді для вираження думки достатньо використовувати bold і більший кегль. Але часто подібні акценти виконуються індивідуальним чином, націлившись тільки лише на суть теми ... Завдання - допомогти повніше виразити основну думку, допомагаючи при цьому художніми засобами. Якщо вам вдасться таким чином додати індивідуальність тексту - його виразність від цього значно зростає. Лише б виявилося до місця ... і в міру ...

Альтернативний веб-дизайнАльтернативний веб-дизайн

При цьому часто такі речі замовляються для індивідуального виконання майстру - каліграфія, бо комп'ютерний шрифт, навіть самий відповідний, несе в собі повторюваність символів, якийсь свідомий стандарт ... Жива рука художника завжди внесе якусь різноманітність (не треба плутати із зворотним варіантом, коли художник не справляється з правильним накресленням шрифту, що вимагає чіткості і правильного виконання символів). І справа зовсім не в комп'ютері ... Багато графічні пакети вже містять у собі необхідний набір засобів роботи зі шрифтом.

Альтернативний веб-дизайн Ось тепер можна повернуться до KALIBER 10000 (www.k10k.net)

Альтернативний веб-дизайн

Цей сайт можна віднести поліграфічного і динамічному дизайну. Сайт розбитий на 3 основних колонки, а колонки на більш дрібні блоки що надає йому вигляд газети. І головне видно свій стиль і унікальність сайту. Власне з цього сайту і почався альтернативний дизайн. Відразу з'явилося безліч клонів і просто схожих за стилем сайтів.

Бездоганно підібрані кольори

Альтернативний веб-дизайн

Велике у анімаційних Gif (ів) надає динаміку.

Альтернативний веб-дизайн

Дуже якісно зроблена графіка, все мініатюрне, об'ємне і акуратне.

Альтернативний веб-дизайн

Меню складається з квадратних іконок при натисканні деформуються в круглі. Що є цікаве рішення.

Альтернативний веб-дизайн

Дуже професійно написаний HTML код і Java Scripts. Один з небагатьох разів коли я не можу розібратися у вихідних текстах :-)

На жаль, сам дизайн сайту не практичний

Не зрозуміло куди людина потрапляє, немає заголовка.

Не зрозуміла мета сайту.

Дуже дрібний шрифт, не читабельність.

Велике у графіки, що веде до довгої завантаженні сайту.

Сайт розбитий на фрейми, великий мінус при індексації в пошукових системах.

Альтернативний веб-дизайн

Альтернативний веб-дизайн KiokenDesign - http://www.kioken.com/

Альтернативний веб-дизайн

Альтернативний веб-дизайн

Сайт Японської дизайн студії Кioken Incorporated дуже популярною в Америці. І є однією з найдорожчих студій. Її послугами користуються великі фірми, Rap та Pop зірки. Jennifer Lopez, Slim Shady, Sony, Universal Records, Canon USA та багато інших.

Інтерфейсний дизайн сайту, вишукано простий і зрозумілий кожному зайшов сюди відразу зрозуміло куди йти і що робити.

В оформленні сайту використовуються сірі тони. Що надає сайту певну стильність.

Альтернативний веб-дизайн

За рахунок смугастого фону відчувається закінченість, і як би згладжуються порожнечі на сторінці

Альтернативний веб-дизайн

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

Альтернативний веб-дизайн

Мінус напевно тільки один, те що сайт добре виглядає тільки при дозволі 800x600, технології зростають, чим більше монітори, тим більше дозвіл екрану. Через 2-3 роки багато сайтів доведеться просто переробляти.

Альтернативний веб-дизайн

Альтернативний веб-дизайн HSE7EN3 - http://www.h73.com/

Альтернативний веб-дизайн

Дуже цікавий дизайн, немає тієї стандартності верстки та оформлення.

Чим те нагадує листівку тим самим ставиться до поліграфічного дизайну.

Що стоїть на задньому плані фігура з переплетенням ліній в цілому набуває абстрактні м'які форми.

Але знову таж сама проблема KALIBER 10000 абсолютно не зрозуміло куди ти потрапив, назви сайту HSE7EN3 не про що не говорить (хоча у "альтернативних" дизайнерів назви типу 's404', 'off3nsiv3' дуже популярні), і тільки після довгого повзання по сайту, стає ясно що це

"Connecting communities", тобто "громада дизайнерів".

Для громади дизайнерів сайт зроблений зі смаком, а головне з ідеєю!

Альтернативний веб-дизайн

Добре підібрані кольори, навіть сміливо.

Вийшла яскрава, контрастна колірна гама.

Альтернативний веб-дизайн

З приводу меню, назви розділів типу .05 APT277: ​​SWF навряд чи будуть зрозумілі кому або :-)

Виходить не сайт, а кросворд. І поки ти весь сайт не подивишся, ти не зрозумієш куди прийшов.

Що є великим мінусом для відвідувачів сайту.

Альтернативний веб-дизайн

Кількома на меню і що відразу впадає в очі.

Це зовсім інший стиль (тут показані два Pop UP вікна)

Зазвичай дизайнери дотримуються одного стилю. Як би прив'язуючи одну сторінку до іншої, навіть різні за тематикою. Але з задумкою дизайнера не посперечаєшся.

Альтернативний веб-дизайн Який можна зробити висновок?

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

Без особливих надмірностей, без польоту фантазії. І з цим доводиться мириться Веб-дизайнерам.

Але в будь-якому випадку альтернативний дизайн буде жити і розвиватися, а головне він буде затребуваний!

Щоб справді насолодиться альтернативним дизайном:

http://www.threeoh.com/

http://www.yigal-azrouel.com/

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/

Джерела:

Віктор Вязьмінов (MrDeSign)

Артемій Лебедєв

Дмитро Кірсанов

Додати в блог або на сайт

Цей текст може містити помилки.

Програмування, комп'ютери, інформатика і кібернетика | Реферат
69кб. | скачати


Схожі роботи:
Портфоліо як альтернативний спосіб оцінювання
Альтернативний мінімальний податок в США
Водень як альтернативний вид палива
Водень як альтернативний вид палива
Монголо-татарське ярмо альтернативний погляд
Монголо татарське ярмо альтернативний погляд
Монголо татарське ярмо альтернативний погляд 2
Пристрій веб-камери
Проектування веб-сайтів
© Усі права захищені
написати до нас