Има толку многу упатства и водичи на интернет кои ве учат како ефективно да го користите дизајнот на веб 2.0. Иако повеќето од овие упатства се корисни, во исто време тие ја убиваат оригиналноста во веб дизајнот. На пример, повеќето „водичи“ ви кажуваат дека веб 2.0 е да имате сјајна значка, позадина со ленти и задебелени фонтови. Резултат? Има безброј стотици дизајни со беџови, риги и задебелени големи букви… и тие не се разликуваат еден од друг. Не е важно дали правите дизајн на веб 2.0, веб 1.0 или веб 75.0, сè се сведува на тоа да биде оригинален и незаборавен.

Меѓутоа, ако навистина не можете да најдете нешто особено оригинално за да го симболизира вашиот дизајн, „побезбедно“ е да одите со актуелните трендови на веб-дизајнот. Значи, еве еден многу мал фрагмент од распоредот на веб-дизајнот и како да го претворите обичниот распоред во распоред на веб 2.0.

Ова е она што го имавме…

14.png

И ова е она што ќе го направиме…

13.png

Ќе работиме во Photoshop, користејќи ништо друго освен стилови на слоеви; фокусирајќи се на благи градиенти и сенки.

Започнете со користење на правоаголна форма со заоблени агли и цртање... правоаголник.

1.jpg

Банер

Она што прво треба да го направиме е да му дадеме длабочина и живот на нашиот правоаголник. Следејќи ги принципите на дизајнот на веб 2.0, само сенките, контурите и светлосните градиенти ќе ни го дадат овој ефект. Затоа, одете на стилови на слоеви и испуштете малку блага сенка. Ние употребивме #96aed6 за оваа намена.

2.png

За да му дадете на обликот малку длабочина (за да не изгледа како рамен предмет), додадете блага внатрешна сенка, со потемни тонови (користевме #304f82 )

3.png

На крај, важно е да се додаде мал преглед. Ќе ја користиме белата боја #FFFFFF, бидејќи сенките од двете страни ни се потемни, сакаме да имаме светла и полувидлива линија која ќе ја контурира формата.

4.png