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