Интернетте веб 2.0 дизайнын эффективдүү колдонууну үйрөтүүчү көптөгөн окуу куралдары жана колдонмолору бар. Бул окуу куралдарынын көпчүлүгү пайдалуу болгону менен, ошол эле учурда веб-дизайндагы оригиналдуулукту өлтүрөт. Мисалы, көпчүлүк "гиддер" сизге веб 2.0 жалтырак төш белгиге, сызыктардын фонуна жана калың шрифттерге ээ болуу жөнүндө экенин айтышат. Жыйынтыкпы? Белгилери, сызыктары жана жоон чоң тамгалары бар жүздөгөн дизайндар бар... жана алар бири-биринен эч кандай айырмаланбайт. Веб 2.0, веб 1.0 же веб 75.0 дизайнын жасасаңыз маанилүү эмес, баары оригиналдуу жана эсте каларлык болуп калат.

Бирок, эгер дизайныңызды символдоштурган өзгөчө оригиналдуу эч нерсе таба албасаңыз, веб-дизайндын учурдагы тенденциялары менен жүрүү "коопсузураак". Ошентип, бул жерде веб-дизайн макетинин абдан кичинекей фрагменти жана кадимки макетти веб 2.0 макетине кантип айландыруу керек.

Бул бизде болгон…

14.png

А биз эмне кылабыз...

13.png

Биз Photoshop менен иштейбиз, бирок катмардын стилдерин колдонбойбуз; жумшак градиенттерге жана көлөкөлөргө басым жасоо.

Бурчтары тегеректелген тик бурчтуу форманы колдонуп,… тик бурчтук тартуу менен баштаңыз.

xnumx.jpg

баннер

Биринчи эмне кылышыбыз керек, биздин тик бурчтукка кандайдыр бир тереңдик жана жашоо берүү. Web 2.0 дизайн принциптерине ылайык, бизге көлөкөлөр, контурлар жана жарык градиенттер гана ушундай эффект берет. Ошентип, катмар стилдерине барып, бир аз жумшак көлөкө түшүрүңүз. колдондук #96aed6 Ушул максатта.

2.png

Формага бир аз тереңдик берүү үчүн (ал жалпак нерсеге окшобосун) күңүрт тон менен жумшак ички көлөкө кошуңуз (биз колдонгонбуз) #304f82 )

3.png

Акыр-аягы, бир аз конспект кошуу маанилүү. Биз #FFFFFF ак түсүн колдонобуз, анткени эки тараптан көлөкөлөрүбүз карараак болгондуктан, форманы контурлай турган ачык жана жарым көрүнүүчү сызык болгубуз келет.

4.png