И ова е она што го добивме…
Сепак, ова нема да ни даде доволно длабочина. Сакаме да го направиме овој правоаголник уште повидливо заоблен, бидејќи не ја допира површината рамномерно, но додавањето повеќе сенка користејќи ги стиловите на слоевите, или ако ја направиме сенката посилна нема да ни го даде посакуваниот ефект. Користете го ова хоризонтален делител понудено од dezinpolio.com и додајте го на средината на вашата форма, така што ќе „избледи“ кон аглите, како што е прикажано подолу:
Сега, се сеќавате дека ги спомнавме задебелените букви? Веб 2.0 добро ги користи фонтовите, по можност многу лесни за читање, малку цртани и задебелени. Имавме тешко време да избереме соодветен фонт и решивме да одиме со „Cooper Std“.
Ние правиме да додадеме многу блага сенка (#5674a7) и светлосен градиент од бело на врвот (#ффффф) до светло сина (#cdd9de)…
Ова ќе ни даде многу симпатичен дизајн за бебиња.
Веб 2.0 е исто така добар дел и иако дизајните се особено асиметрични, другите се така да се каже опсесивно симетрични. Го претпочитам вториот тип, бидејќи е потребно помалку оригиналност и вкус за создавање, сè што ви треба е чувство за пропорција. Да речеме дека додаваме неколку копчиња на долниот и страничниот агол на нашиот дизајн…
Дали ова изгледа добро?
Не, тоа не е затоа што јазичињата изгледаат премногу хаотично, па ќе се погрижиме линијата на левата страна на јазичето „да се сретне“ со линијата на долната картичка, вака…
Сега изгледа пропорционално.
Во случај да се прашувате зошто пропуштивме чекор, стиловите на слоеви за јазичиња се речиси идентични со оние што ги користевме за главниот правоаголник, а истото важи и за стиловите на фонтот и слоевите на „табовите“. За цели на учење, можете да ја преземете датотеката PSD и да го анализирате процесот. Запомнете дека сите овие полувидливи градиент и контури од 1 px често се она што ја прави разликата помеѓу одличниот веб дизајн и зрелиот обид за дизајнирање. Со среќа!
[...] Мари напиша интересна објава денес наЕве еден брз извадок Има толку многу упатства и водичи на интернет кои ве учат како ефективно да го користите дизајнот на веб 2.0. Иако повеќето од овие упатства се корисни, во исто време тие ја убиваат оригиналноста во веб дизајнот. На пример, повеќето „водичи“ … […]
[…] Џејкоб Кас напиша интересна објава денес наЕве брз извадок Има толку многу упатства и водичи на интернет кои ве учат како ефективно да го користите дизајнот на веб 2.0. Иако повеќето од овие упатства се корисни, во исто време тие ја убиваат оригиналноста во веб дизајнот. На пример, повеќето „водичи“ … […]
Навистина добра работа. Најдов многу длабоки информации кои можат да ми помогнат да продолжам понатаму.
Интересен туторијал. Моето прашање е: Што го прави овој „Веб 2.0“? Веб 2.0 нема ништо (или малку врска) со изгледот на страницата. Она за што зборувате овде е дизајнот, или само изгледот на страницата. Тоа е тоа. Flickr.com е веб-локација 2.0 и навистина не користи ниту еден од овие принципи. Исто така, Фејсбук е многу едноставен, не користи паѓачки сенки, заоблени агли или „малку цртани и задебелени“ фонтови, но сепак е веб-локација 2.0. Исто така Википедија... итн…
Веб 2.0 е за тоа како корисниците комуницираат со страницата и како страницата комуницира со нив.
Убав изглед на веб 2.0 дизајн.
убав туторијал…
Би сакал да прашам,
како знаеш дали е 2.0 дизајн или не?
извинете што сум само почетник
[...] Од страна на pswish.com имаше дури и една врата, не може да се направи официјален: Веб 2.0 е на располагање за идентификација на веб-локации. Origineel Artikel […]
[...] Погледнете го упатството […]
Одлична статија, thx 🙂
Исто така, ако барате убави бесплатни фонтови http://www.fonts2u.com
Здраво! интересно парче дизајн 🙂 но врската не работи 🙁 дали можам да ја добијам оваа psd-датотека на друго место? благодарам