Накъдето и да погледнете, навсякъде има светлина и сянка присъства навсякъде. Всичко, което виждате, представлява делът на светлина и естествено хвърли сянка върху нещо друго. Визуално светлина и сянка "обяснение" за нас това, което виждаме пред нас и да ни помогне да разберем текстура, обем и проекцията на обекта.
Поради това, за тези, които действително хвърли уеб дизайн и се опитват да направят своите проекти естествено, впечатляващ и интуитивно, това е изключително важно да има разбиране на светлина и сянка. По-долу са 5 начина за подобряване на използването на светлина и сянка, за да се подобри качеството на вашия уеб дизайн.
Бързо въвеждане на анатомията на светлина и сянка
Простият таблицата по-долу се вижда, че източникът на светлина е в ляво. Отблясъците се намира от страната, която представлява най-голямото количество светлина и сянка са на противоположната страна от източника на светлина. Поставянето на светлина и сянка ни казва много за повърхността и структурата на изображението.
Но вие може да поиска: "Какво общо има това общо с уеб дизайн?"
Ако се развие високо качество и "осезаем" на повърхността на окото или уебсайтове, светлината и сянката - Вашите приятели. Както и велики художници правят своите картини оживяват, и можете да използвате светлината да даде своя дизайн и визуална дълбочина обжалване. Започваме една и съща.
1. ИЗПОЛЗВАНЕ НА СВЕТЛИННИ ИЗТОЧНИЦИ
Най-важното нещо в работата с лека разбере как светлината идва. Източникът на светлина е вероятно да се покаже веднага ръката си хит, и страната, на която сенките падат (въпреки че правилата на уеб дизайн може понякога нарушават). Ако работите в Photoshop, можете да използвате ефекта, наречен «глобалната светлина», с цел да има всичките си светлинни ефекти са били подложени на една и съща светлина посока.
Контрол и правилното използване на itochnika (и) на светлината във вашите проекти (дори и в най-простите от тях) ще ви помогне да създадете подходяща атмосфера на страниците на вашия сайт. В допълнение, тя ще ви помогне да насочи вниманието на посетителите първоначална до желаната точка на проекта.
Монитор кампании използва лъч слънчева светлина, за да създадете ефекта на изгряващото слънце във фонов режим.
Icebrrg използва светлината на факта, че "потопят" сайта си дълбоко под водата.
Майк Прешъс използва повече от един източник на светлина за добавяне на визуален ефект, в хармония с лека маса лампа.
Deaxon използва едва видима светлина, източникът на който се намира зад логото, за да се създаде ефект изпъкналост на страницата.
В реалния свят, много малко неща, обикновен и "плосък" вкус. Светлина и сянка са навсякъде. Внимателното използване на градиенти - един чудесен начин да добавите дълбочина на изображението и го разнообразите на екрана.
Най-важното нещо за наклони - не прекалявайте. Ако използвате Photoshop, не забравяйте да използвате слой стилове в градиенти. Това ви дава възможност да ги редактирате по всяко време. Освен това, ако сте решили да промените размера на елемента, наклона също автоматично се променя размера си.
Ресурсен nclud му - един чудесен пример за много точно и ефективно използване на наклони, за да създаде впечатляващ и хармоничен фон страница.
CSS нинджи като го използва, за монохромни тонове, но това е само на пръв поглед, тъй като всеки от районите на цвят е едва забележим наклон, което по принцип дава структурата на сайта.
3. изолация (допълнение GLOSS)
Spin помощ баланс и сянка трябва да се използва в близост до източници на ъгли на обект на светлина. Изолацията често невидими на пръв поглед, тъй като това е да ги използват правилно. Но това впечатление е невярно. Ако те наистина не са били там, общото впечатление от картината ще бъде по-различно. В "по-остър" Редът за избор ще се появи по-ярка повърхност.
С цел да се оцени напълно селекцията, имаме нужда от повече увеличение. Един добър начин за добавяне на секрети - е да се повиши работната материал 200% или дори повече, като 100% ще бъде трудно да видим ясно това, което работи.
Икона Dock и Newism използвате прозрачна бяла линия в горния десен ъгъл на елемента от страницата на малцина го изберете от общата картина. Тази линия е едва забележима, но благодарение на цялостното й картина, пълна с блясък.
Може би не просто използвайте уеб сайта на Apple. Но най-вероятно никога не забелязах прекрасен избор в долната част на връзките за навигация, които позволяват на думите, за да изглеждат по-задълбочено.
Както и градиенти, с помощта на сянка се превърна в основен елемент, се използва от повечето уеб дизайнери. Сенки може значително да добавите визуален дълбочина и текстура на обекта, но само ако те се използват правилно. Номерът е да не се прекалява.
Качеството на сянката зависи от посоката и интензивността на светлината, както и разстоянието между обекта и повърхността, върху която попада сянката. Колкото по-силна светлина, по-тъмните и по-отчетливи сенки. Най-слабо е светлината - толкова по-слаба сянка.
Когато става дума за примери за падащи сенки в мрежата, основният факт е следното: такива примери много. Ако използвате сянка с причина, че те могат да добавят обем дори и в най-минимално развитие.
LinkedIn е добавил много лек нюанс в долната част на страничната лента, за да се създаде илюзия за дълбочина.
Google. с може би най-натоварената страница в Интернет, също с помощта на сянка.
5. По-сложните SHADOWS
Можете да направите нищо повече от създаване на общ спад сянка за създаване на обекти в три измерения. По-дългите сенки - един чудесен начин да се променят разположението в пространството на две или повече обекти на страницата.
В примерите по-долу една и съща банка Cola има напълно различно място в пространството само чрез използването на различни нюанси.
Емоциите от Майк много разумни цели сянка (и светлина), за да се превърне един обикновен страница ... етаж.
Superkix използва сенки, за да намерите маратонки "на върха" на сайта. Освен това, сянката варира в зависимост от размера на страницата, която създава впечатление за източник на светлина се променя местоположението.
Диван, създаден на пода на бял фон, благодарение на използването на качеството на светлината, така и на сянка.
Интересна информация никога не е излишна!
Днес ние бихме искали да споделим няколко идеи за ефекта на блока е открит, който можете да използвате за техните проекти.
Ако искате да се увеличи значително сигурността на вашия сайт на WordPress, няма да избяга .htaccess конфигурацията на файла. Това не само ще се предпазите от редица хакерски атаки, но също така да се организират пренасочване, както и за решаване на проблемите, свързани с кеша.
Материал дизайн - тази тенденция набира скорост от Google. В тази колекция събра за свободни теми WordPress, изпълнени в този популярен стил.
Ефекти върху това и там, за да впечатлят посетителите ни. В тази колекция събра няколко десетки ресурс, чието създателите наистина се опита да впечатли своите посетители.
В края на месеца, ние предлагаме да се запознаете с набор от безплатни материали за уеб дизайнери в последния месец.
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!
Свързани статии