Առցանց շատ ձեռնարկներ և ուղեցույցներ կան, որոնք ձեզ սովորեցնում են, թե ինչպես արդյունավետ օգտագործել վեբ 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