+3 8(066) 185-39-18
fПредмет:
Тип роботи:
Бакалаврська робота
К-сть сторінок:
60
Мова:
Українська
justify;">Джерело натхнення: людське тіло/арабський алфавіт.
Прийоми: неправильні органічні форми, колажі з реальних предметів, абстрактні анімовані гіфи низької роздільності як фон, прозорі анімовані гіфи як текстурний фон, верстка використовує вертикальну прокрутку сторінки.
Домашні сторінки/дизайнерські фірми: Entropy8, Greyscale, SmokeymonkeyS.
Приклади комерційних сайтів: Conscience Records, Janet Jackson.
2. Школа дротяного стилю
Джерело натхнення: інтерфейси старого програмного забезпечення і відеоігор.
Прийоми: графіки, таблиці, сміття з графіків як абстрактні дизайнерські елементи, використання повідомлень про помилки в якості гумору, непрацюючі функції-обманки, використання незгладжених шрифтів у вигляді гіфів для відтінення низькоякісних HTML-шрифтів.
Домашні сторінки / дизайнерські фірми: Test Pilot Collective (pre-5/00), mike cina, hoggorm, Hel13, zx26, Prototype 19.
Приклади комерційних сайтів: levi's europe, adidas, Fusion banner ads, Wired logo.
3. «Низькопробний» сміттєвий дизайн
Джерело натхнення: бруд, плями, накладення, піктограми старої школи.
Прийоми: імітація ліній розгортки старих телевізорів, крапки і тире, силуети зображень неправильної форми, парні фонові гіфи з такими ж гіфами на першому плані, використані для накладення один на одного.
Домашні сторінки / дизайнерські фірми: sueellen, jump into the light, smallprint.
Приклади комерційних сайтів: Nokian Tyres, Skate'n Fun.
4. «Пакувальна» школа
Джерело натхнення: комікси середини століття, паперові пакети.
Прийоми: півтонові і двухтонові зображення, рукописні шрифти, нерівності, навмисне підкреслення швів, використання кольорів для виділення (якщо все сіре, одна деталь, виділена кольором, неодмінно приверне всю увагу), витончені анімації як фонове зображення або просто для розваги, іноді навмисно невірне розташування навігаційної панелі.
Домашні сторінки / дизайнерські фірми: Funny Garbage, p2, stereomedia.
Приклади комерційних сайтів: levi's vintage, Ka-Ching.
5. Стиль a la Піт Мондріан
Джерело натхнення: Піт Мондріан, Роберт Лонго. Постери, виконані в їх техніці.
Прийоми: Нарочито великі елементи меню, вкраплені в загальний дизайн, часте використання негативних зсувів, все чисто, без метушні. Все вікно броузера розглядається як єдиний простір для дизайну.
Домашні сторінки / дизайнерські фірми: 617, Once Upon a Forest.
Приклади комерційних сайтів: Lundstrom Architecture.
6. Піксельний панківський дизайн
Джерело натхнення: хаос, незвичайна поведінка машин, програмний код, Жорж Сіро (George Seraut), дадаїзм.
Прийоми: сильно збільшені і спотворені джіпеги і гіфи, випадковим чином згенеровані зображення, постійний рух, html-код і елементи форм як абстрактних деталей дизайну, сяючі неонові кольори, ріжучі слух звуки, наворочений dhtml, навмисно зіпсована навігація.
Домашні сторінки / дизайнерські фірми: Day-Dream, Titler, soulbath's requiem for a dream, e13, dream7, ShaG, pixeljam.
7. Стиль «Hello Kitty» 1950-х років
Джерело натхнення: комікси для дівчат, різдвяні сувеніри, атрибути будинків-причепів 50-их років.
Прийоми: 3-вимірні об'єкти / текст, округлені правильні краї, яскраві кольори на світлому фоні, курсивний шрифт, підлітковий гумор.
Домашні сторінки / дизайнерські фірми: Future Farmers, Atlas Magazine, Post Tool, Milky Elephant, You Grow Girl.
Приклади комерційних сайтів: California College of Arts and Crafts, Avant Card.
8. HTMінімаLізм
Джерело натхнення: HTML-код, мозок Якоба Нільсена (Jakob Neilsen).
Прийоми: ігри зі шрифтом за допомогою CSS, акцент на колір для виділення сенсу, швидко завантажувані логотипи у вигляді гіфів, html і текст – елементи дизайну.
Домашні сторінки / дизайнерські фірми: 37signals, jovino, test pilot collective (post-5/00), dreamless, a list apart, suffocate, endquote, mesa. beta. font.
Приклади комерційних сайтів: gettyone.
9. Стиль креслярської дошки, інструкцій та настанов
Джерело натхнення: Архітектурні кальки Захи Хадід (Zaha Hadid), технічні керівництва, іграшки роботи-трансформери, штрих-код, міліметрівка, тексти дрібним шрифтом.
Прийоми: ПЗ 3-вимірного моделювання, дрібні погано читабельні нео-технологічні шрифти, негативний зсув, крупні елементи, заплутані елементи навігації.
Домашні сторінки / дизайнерські фірми: DFORM1, Vir2L, chapter3, mr. eel.
Приклади комерційних сайтів: mtv2.
10. Надтонкий дизайн в стилі SimCity
Джерело натхнення: гра SimCity, ігри для Commodore 64, обгортки японських цукерок.
Прийоми: тонкі згладжені шрифти, зайве дроблення і деталізація, дрібні піксельні зображення людей / будівель / об'єктів.
Домашні сторінки / дизайнерські фірми: kaliber 10000, the icon factory, flipflopflyin, hi-res.
Приклади комерційних сайтів: iTurf.
Всі вищенаведені приклади розподілу за стилями є досить відносними і носять в більшості випадків глибоко суб’єктивне бачення авторів.
РОЗДІЛ 3. КЛАСИФІКАЦІЯ НАЙПОШИРЕНІШИХ ПРИЙОМІВ, АНАЛІЗ СТРУКТУРИ, ОБРАЗНИХ РІШЕНЬ ТА ГРАФІЧНОЇ МОВИ ОБРАНИХ ВЕБ-САЙТІВ
3.1 Аналіз структури, образних рішень та графічної мови обраних веб-сайтів
Аналіз дизайну сайту.
Аналіз дизайну сайту відноситься до юзабіліті аудиту і дозволяє оцінити якість дизайну, а також його вплив на поведінку користувачів. У процесі, коли проводиться створення сайтів: створення сайту візитки, створення інтернет магазину або створення корпоративного сайту, а також інших типів ресурсів, велика увага завжди приділяється дизайну.
Однак об'єктивно оцінити його якість, поки сайт ще не доступний для користувачів, досить складно. Вже в процесі роботи ресурсу, коли можна проаналізувати поведінку користувачів, які приходять на сайт, можна і потрібно робити аналіз дизайну сайту.
Аналіз дизайну сайту включає в себе:
Аналіз дизайну сайту з точки зору його привабливості для користувачів. Якщо дизайн оригінальний, створений з використанням гармонійного поєднання кольорів, які не дратують користувача, привертає