MəZmun

• Addımlamaq
• Metod 2-dən 1: 3 əsas qayda
• Metod 2-dən 2: Təlimatlar
• Göstərişlər
• Xəbərdarlıqlar

Mükəmməl bir veb sayt tərtib etmək qorxunc bir iş kimi görünə bilər, ancaq əsasları nəzərə alsanız, prosesi maraqlı və əyləncəli tapacaqsınız. Bu, yalnız gözəl görünüşdən daha çox şeydir! Sizə insanların dəfələrlə ziyarət edəcəyi veb saytları dizayn etməyinizə kömək edəcək əsasları və bəzi ümumi qaydaları göstərəcəyik.

Addımlamaq

Metod 2-dən 1: 3 əsas qayda

1. Qayda 1:Müştərinizi dinləyin. Zəngin qaralar, zərif şriftlər və "məni indi araşdırın!" Deyə qışqıran bir sayt üçün parlaq, bədii rənglərlə "kainat tarixində və ondan kənarda dünyanın ən böyük veb saytını" dizayn edə bilərsiniz. Təəssüf ki, müştəriniz parlaq çəhrayı və narıncı hərflərlə narıncı bir menyu çubuğu istədi. Siz işdən qovuldunuz və müştərinin hüququ olan ən yaxşı veb saytınız ehtiyat disklərinin bir yerindədir, heç kim onu ​​bir daha görmədən.
   • Müştərinizin korporativ şəxsiyyətini öyrənin. Müştərinin sizə sevdikləri bir neçə veb sayt göstərməsini təmin edin. Bu sizə nə sevdikləri barədə bir fikir verəcək, həm də düşünmədiyiniz bir neçə dizayn fikri verəcəkdir.
   • Narıncı və çəhrayı veb saytla zarafat etdiyimizi düşünürsünüzsə, bu sərin, inkişaf etmiş saytı nəzərdən keçirin:
2. Qayda # 2:Auditoriyanızı və nə axtardıqlarını bilin və dizaynınızı buna uyğunlaşdırın. İnsanların veb saytlarına sahib olmalarının səbəbi, başqalarının onları görməsini istəmələridir. Bu məlumatlı və ya kommersiya ola bilər və ya müəyyən bir hədəf auditoriyasını əyləndirmək üçün ola bilər. Dizayner kimi işiniz kimin üçün dizayn etdiyinizi bilmək və oraya düşəndə ​​onları səhifədə saxlamaqdır.
   • "Yaxşı görünürsə, qalacaqlar" deyə düşünə bilərsiniz. Ancaq bunun mütləq belə olması lazım deyil. Məsələn, daşınmaz əmlakı götürək. Budur təmiz, əyləncəli dizaynı olan bir sayt. Açıq bir görünüş, parlaq rənglər və görkəmli bir yerdə əlaqələri olan müasir geniş ekran formatı verən bir çox boşluq var:
   • İndi eyni ərazidə daşınmaz əmlak satmağın bu yanaşmasına nəzər yetirin: qarışıq və çox məşğul, solğun rənglər və reklamla örtülü.
   • Ev axtaranlar üçün hansının daha yaxşı işlədiyini təxmin edin? Düzdü, harada evlər! İnsanlar “Santa Monikada satılan evlər” axtararkən bir saytın necə göründüyünü maraqlandırmırlar. Mülk agenti haqqında oxumaq və ya şəhərin gözəl şəkillərini görmək istəmirlər. Evləri görmək istəyirlər.
3. Qayda # 3:Özünüzü dinləyin. Müştərinin nə istədiyini anlayırsınız və bazarınızın nə axtardığını bilirsiniz. İndi nəhayət sənə diqqət yetirmə vaxtı gəldi, dizayner!
   • Seçdiyiniz qrafik proqramında bir şablon yaradın. Səhifənizin elementlərini müxtəlif təbəqələrə düzəldin (beləliklə, bütün şablonu məhv etmədən sonra şeyləri çimdikləyə bilərsiniz). Bu elementlər ola bilər:
     • Başlıq. Bu, saytınızın hər səhifəsində eyni olan bir elementdir. Başlıq saytın başlığından və loqosundan, veb saytın digər hissələrinə (məs. Haqqında, Əlaqə və s.) Bağlantılardan ibarətdir. Görmə və praktik olaraq bu, hamısını bir-birinə bağlayacaqdır. Bir menyu çubuğundakı ilk düyməni yenidən ana səhifəyə bağlamaq yaxşı bir təcrübədir.
     • Məsələn, Apple-a nəzər salaq:
     • Əksər Apple məhsullarında olduğu kimi, ana səhifəsi çox təmiz, sadə bir dizaynı var. Üst hissədəki menyu çubuğuna diqqət yetirin, hər düymə üçün məntiqi mövzular, üstəlik bir axtarış sahəsi - saytınız bunu dəstəkləyirsə həmişə yaxşı bir fikirdir. İndi bir neçə element görmək üçün düymələrdən biri olan iPad üçün açılış səhifəsinə baxaq:
     • Menyu çubuğu yalnız iPad düyməsini qaraldaraq dəyişir.
     • Açılış səhifəsinin mövzusu böyük qara hərflərlə göstərilir.
     • Məhsul haqqında daha çox məlumat əldə etmək üçün yeni bir alt menyu görünəcəkdir. Bu düymələrdən birini vursanız, hər səhifənin mövzudan asılı olaraq yeni məzmun təklif etdiyini, lakin tərtibatı və dizaynı ilə eyni olacağını görəcəksiniz.
     • Çox vaxt, menyu çubuğunuzdakı hər bir əsas mövzunun doldurulması üçün fərqli alt başlıqlar olur. İkinci bir menyu çubuğu yaratmaq əvəzinə, Musiqilər Dostunun bu nümunəsi kimi açılan menyulardan istifadə edə bilərsiniz:
     • Kenar çubuğu. Bu, saytınızın bir çox səhifəsində görünəcək, lakin mütləq hamısı deyil - kontekst müəyyənləşdirir. Bununla birlikdə, bu çox vacib bir elementdir və intuitiv və çox qarışıq olmamaq üçün diqqətlə dizayn edilməlidir. Menyu çubuğundan fərqli olaraq, bir kenar çubuğunun məzmunu çox dinamik ola bilər. Əmlak Marketoloqu Trulia'dan bu iki yan çubuğa baxın Birincisi alıcılar üçündür:
       
       

Metod 2-dən 2: Təlimatlar

1. Yaxşı bir istifadəçi interfeysi dizayn edin. Veb saytınızın başlığı, yan panelləri, loqotipləri, şəkilləri və mətni kimi müxtəlif elementləri hər səhifədə eyni yerdə yerləşdirin ki, saytınız gəzinti və intuitiv olsun.
   • Hər səhifənin yuxarı hissəsində eyni başlığı saxlayın. Saytınızın məzmununun bir çox təkrarlanan elementlərə imkan verməsindən asılı olmayaraq, hər səhifənin yuxarı hissəsinin eyni olduğundan əmin olun.
   • Dizaynınızda məntiqdən istifadə edin. Tək bir səhifədəki elementlər məntiqi olaraq əhəmiyyətə və ya mövzuya görə sıralanmalıdır; saytdakı fərqli səhifələr də olmalıdır.
2. Davamlı bir stil yaradın. Mizanpajın saytınıza struktur uyğunluğu verməli olduğu yerlərdə üslub tematik bir harmoniya təmin etməlidir.
   • İki və ya üç əsas rəngə yapışın və bir-birinə uyğun gəldiyindən əmin olun.
   • Şrift üslublarından və ölçülərindən çox istifadə etməkdən çəkinin; bir neçəsini dəyişdirmək istəyirsinizsə, hər səhifədə eyni şəkildə istifadə edin.
   • Vahid bir tərz qorumaq və hər səhifəyə ayrı-ayrı getmədən bütün veb saytdakı elementləri dəyişdirməyi asanlaşdırmaq üçün Cascading Style Sheets (CSS) istifadə edin.
3. Oxunanlığı maksimum dərəcədə artırın. Mətninizi asanlıqla oxumaq üçün onu kiçik hissələrə bölə bilərsiniz.
   • Hissələrin hər birini ayırmaq üçün subtitrlərdən və uyğun məsafədən istifadə edin.
   • Mövzuların hiyerarşisini və əhəmiyyətini göstərmək üçün qalın hərflərdən və ya fərqli ölçülərdən istifadə edin.
   • Mətnə necə münasibət göstərdiyinizə diqqət yetirin. Şrifti çox kiçik etməyin və sətir arasını artıraraq böyük mətn hissələrini oxumağı asanlaşdırın. Mətnin böyük hissələrini oxumaq daha çətindir; daha kiçik abzaslara ayırın.
4. Veb saytınızı ümumdünya oxunaqlı edin. Standart HTML istifadə edin və yalnız bir marka və ya bir brauzerin versiyası üçün mövcud olan etiketlər, xüsusiyyətlər və eklentilərdən çəkinin.
   • Əksər müasir brauzerlər və kompüterlər mürəkkəb şəkilləri idarə edə bilsə də, şəkillərinizi daraldıb veb üçün optimallaşdırsanız hər şey daha hamar görünür. Sürətin vacibliyinə qarşı keyfiyyətin əhəmiyyətini çəkin.
5. Veb saytınızı sınayın. Buna əmin olun hər link işləyir gözlədiyiniz kimi və şəkillər düzgün görünür.
   • Hədəf auditoriyanızın üzvlərinin dizaynınızın aydınlığını və istifadəsinin asanlığını test etmələri və veb saytınız haqqında geribildirim verərək bəzi istifadəçi testlərini təşkil etmək istəyə bilərsiniz.
6. Veb saytınızı dərc edin. Zaten yoxsa bir domen adı alın. Bağlantıların hələ də işlədiyini vaxtaşırı yoxlayın və ziyarətçilərin sizə e-poçt göndərdiyi təklifləri dinləyin.

Göstərişlər

• Layihəni öz şəxsi baxışlarınıza və ya digər saytlarda gördüyünüz şeylərə əsaslanaraq hazırlamaqda sərbəst olsanız da, hazır bir dizayn almaq daha asan ola bilər.
• Ziyarətçini şirin, xüsusi şəkillərlə bombalamayın. Flaş animasiya, parlaq rənglər, naxışlı arxa planlar və səhifə yüklənməsində avtomatik oynayan musiqi 90-cı illərdə əyləncəli təcrübələr idi, lakin indi istifadəçiləri qorxutacaq. Maksimum oxunuş üçün mətn rənginə zidd olan sadə arxa planlara yapışın.
• Paraqraf aralığını optimallaşdırmaq üçün hər zaman CSS istifadə edə bilərsiniz.
• Eşitmə və ya görmə qüsurları olan qonaqlar üçün videoların alt yazısını yaza, səsi köçürə və əlçatanlıq mesajı əlavə edə bilərsiniz. Cədvəllər məlumatların təşkili üçün səmərəli bir yol ola bilsə də, ekran oxuyucusu proqramından istifadə edən görmə zəif ziyarətçilər materialı düzgün sırada eşitməyə bilər.
• Ziyarətçilərinizə mürəkkəb yazmağa icazə verin: çap səhifələri üçün ayrı bir stil cədvəlindən istifadə edin.
  • Çap parametrlərini təyin edərkən arxa plan şəkillərini söndürün.
  • Ağ bir fonda qara mətn istifadə edin.
  • Menyu çubuğunu və lazımsız şəkilləri silin.

Xəbərdarlıqlar

• Plagiatdan qaçın və bütün müəllif hüquqları qanunlarına tabe olun. Onlayn tapdığınız təsadüfi şəkilləri, hətta təsdiqlənmədən struktur elementləri daxil etməyin. Saytınızda istifadə etdiyiniz hər şey həm qanuni, həm də etik olmalıdır.