Основи комп'ютерного дизайну
Основи композиції в дизайні. Кольорознавство Вибір шрифту Психологічні особливості сприйняття візуальної інформації Рекомендації до розробки інтерфейсів освітніх продуктів
Загальна концепція дизайну вашого продукту повинна в першу чергу виходити з цілей, які поставлені перед вами.
Композиція Композиція є не що інше, як розташування, складання і об'єднання окремих елементів в одне ціле. Крім самих елементів, в неї входить і їх ракурс, освітлення, тональність, контраст, тіні, а так же ряд специфічних ефектів, які надають роботі особливий "смак". Композиція - це певне поєднання елементів зображення (співвідношення їх розмірів - пропорції, кольорів, фактур і т.д.)
Статика і динаміка в композиції Створюючи композицію необхідно подумати про те, чи повинна бути в ній якийсь рух, якесь внутрішнє протиріччя, що приковує погляд, чинне на свідомість. Якщо так, то в композиції необхідно використовувати динаміку. Що таке динаміка? Це не тільки рух в фізичному сенсі, це ще і рух «психологічне». По суті, будь-який контраст і асиметрія - це теж динаміка, але з'являється вона тільки тоді, коли наш погляд ковзає від одного елемента до іншого, дізнаючись в них загальне і знаходячи відмінності. Причому, чим активніше зв'язок цих двох елементів, тим довше погляд затримується на ній.
Динаміка неявна Подібно до того, як будь-який рух визначає лінію, уздовж якої воно відбувається, будь-яка лінія має на увазі рух. Якщо, наприклад, лінії підвішені «в повітрі» і у них немає перешкод, то рух погляду вздовж них прискорюється: Якщо один кінець вільний, а інший прив'язаний до статичного об'єкту, то контраст сильніше, а прискорення ще більше: якщо один кінець у вигляді стріли , то виникає відчуття нестримність руху:
Природне напрямок руху погляду - зліва направо і зверху вниз. Все, що сприяє цьому руху, приносить задоволення, все, що заважає, навпаки, дратує і викликає негативні емоції. Для більш комфортного читання рекомендують залишати вільне місце від колонки тексту з обох сторін. Зазвичай більш широким залишають ліве поле: адже це місце розгону, природне початок руху погляду.
Відомо, що погляд наш, рухаючись всередині поля, ще не заповненого зображенням, здійснює ряд рухів, ковзаючи по уявних кривим і прямим. Рух це не можна назвати хаотичним, так як воно має певну спрямованість, в першу чергу, залежну від геометричної форми поля. У витягнутому по вертикалі прямокутнику найбільш характерно рух, що має S - подібну форму. Для кола - характерно рух уздовж окружності. Для багатьох фігур характерно рух по горизонталі і вертикалі, що становить хрест.
Існують різні способи акцентування напрямків всередині простору картини - горизонтальні, вертикальні, діагональні, кругові або їх поєднання. Кожне з цих напрямків має свій особливий виразний сенс. "Горизонтальний" - підкреслює тяжкість, протяжність простору і його ширину. "Вертикальне" є повною протилежністю "горизонтальному" і висловлює легкість, висоту і глибину. Точка перетину горизонталі і вертикалі постає особливо акцентованим місцем. Обидва ці напрямки носять площинний характер і при одночасному використанні створюють відчуття рівноваги, міцності і матеріальної стійкості. "Діагональні" напряму створюють рух і розвивають простір картини в глибину.
Чіткість і простота Будь-який елемент, від відсутності якого композиція не постраждає, повинен бути прибраний. Перевантаженість різними стилями шрифту, занадто дрібними буквами, негативами, ілюстраціями або непотрібним текстом, ускладнює і захаращує композицію. Сторінка стає важкою для сприйняття, і її ефект знижується. Виділення пробілами (паузами) Прогалини - це частина екрану, не зайнята іншими елементами. Ця назва зберігається, навіть якщо ці частини зафарбовані чорним або іншим кольором. Прогалини грають важливу роль в створенні образу, бо пауза в музиці - теж музика
Поняття інтерфейсу Інтерфейс - засіб взаємодії між різними суб'єктами. В даному випадку між людиною і машиною. Загальна вимога до інтерфейсу висловив американський фахівець з ергономіки інтерфейсів Стів Круг (Steve Krug) в заголовку своєї чудової книги «Не змушуйте мене думати».
Перший пункт цієї розмови - екран. Його активні зони і принципи розміщення інформації та елементів управління.
Лівий верхній кут першим потрапляє в поле зору. Що ми говоримо людині, коли з ним зустрічаємося вперше? Правильно, говоримо «здрастуйте!» І повідомляємо мета візиту. Отже, в лівому верхньому кутку повинен бути розташований логотип (замість здрастуйте), або верхній рівень ієрархії елементів інтерфейсу (замість мети візиту). Також там може розташовуватися актуальна на поточний момент інформація (наприклад, час, що залишився для проходження тесту, або особисті дані тестованого). Куди слід погляд далі? Далі він слід практично горизонтально по всій ширині екрану, але втомлюється і, не доходячи до кінця, ковзає вниз зигзагоподібно.
Принципи формування навчального матеріалу Принцип перший. Мінімізація. Невелика кількість графіки, особливо декоративної. Принцип другий. Використовуйте однотипні формати. Зміна формату сторінки рекомендується робити для нових модулів курсу. Не використовуйте різноманітні шрифти в межах сторінки.
Особливості сприйняття шрифтів Робота зі шрифтом за своєю природою нічим не відрізняється від творчого процесу створення натюрморту, пейзажу, портрета або будь-який інший композиції. Тут, як у будь-якій творчій роботі, все диктується почуттям міри, почуттям пропорції і пластики. Буква - це абстрактна форма. Теоретично буква може розглядатися абстрактно, незалежно від інших, але своє справжнє звучання вона набуває тільки в зв'язку з іншими. Практично буква - частина алфавіту, якому вона належить, або частина композиції, в якій вона бере участь.
Розмір шрифту. Розмір використовуваного шрифту грає дуже важливу роль у створенні ефекту. Часто щодо дрібний шрифт (наприклад 11 пунктів) створює відчуття більшої довіри та важливості інформації.
Шрифти з великими круглими літерами «О» і «хвостиками» сприймаються як дружні і «людяні», можливо, тому, що їх накреслення наслідує способу людського обличчя. Прямолінійні і незграбні шрифти асоціюються з непохитністю, жорсткістю; вони характеризуються холодністю, безликостью і механістичністю. У термінах психоаналізу їх визначають такі вирази, як «емоційно затиснутий» або «міцний заднім розумом».
Оформлення тексту Текст, який видає на екран дисплея, засвоюється інакше, ніж написаний на папері. При цьому впливає розмір букв, яскравість їх світіння, нестійкість зображення. Тому текст повинен бути ретельно відібраним, ясним, конкретним, лаконічним.
З точки зору засвоєння учнями навчального матеріалу не рекомендується робити великі абзаци, для поділу (розділів) краще залишити вільну рядок. Це полегшує зорове сприйняття дидактичного матеріалу і знижує рівень стомлюваності учнів. Для посилення наочності в текст екрану рекомендується вводити таблиці, схеми, діаграми, мультиплікації і т.д. Психологічні дослідження показують, що для нормального сприйняття інформації заповнення екрану комп'ютера не повинно перевищувати двох третин його площі.
Сприйняття кольору У питанні сприйняття конкретного кольору психологи підходять індивідуально до кожної людини. Конкретний колір у кожного асоціюється з конкретним чином, річчю або подією в його житті і знаходиться в підсвідомості людини. Асоціації можуть бути різними - як позитивними, так і негативними. Обережно вибирайте кольори для кожної конкретної ситуації і уникайте тиску одного суцільного кольору, не продумавши тематику кольору.
Червоний: Порушення, енергія, пристрасть, бажання, швидкість, міцність, потужність, тепло, любов, агресія, небезпека, вогонь, кров, війна, насильство, агресія, все інтенсивне і пристрасне. Це стимуляція нервової системи (підвищення кров'яного тиск, частішає дихання і пульс). Порушення, потреба діяти Жовтий: Радість, щастя, оптимізму, ідеалізм, уяву, надія, сонячне світло, літо, золото, філософія, відкритість, легкість, розкутість, тепло, затишок, шахрайство, малодушність, зрада, ревнощі, жадібність, обман, хвороба , ризик. Синій: Мир, спокій, стійкість, гармонія, об'єднання, довіру, істина, консерватизм, безпеку, чистота, порядок, лояльність, небо, вода, холод, гальмування нервової системи (знижується тиск, сповільнюється дихання і пульс). Спокій, задоволення, пасивність. технологія, депресія, пригнічувач апетиту.
Коричневий: Земля, вогнище, будинок, на відкритому повітрі, надійність, зручність, витривалість, стійкість, простота і зручність. Білий: Вшанування, чистота, простота, чистота, мир, смирення, точність, невинність, молодість, народження, зима, сніг, добре, стерильність, шлюб (західні культури), смерть (Східні культури), холодний, клінічний, стерильний. Чорний: Потужність, сексуальність, складність, формальність, елегантність, багатство, таємниця, страх, зло, анонімність, недоволство, глибина, стиль, зло, печаль, каяття, гнів, метрополітен, хороший технічний колір, траур, смерть (Західні культури). Фіолетовий: колір інтелекту, духовності, також асоціюється з інфантильністю і сугестивністю.