لايىھە يۆنىلىشى
لايىھە يۆنىلىشى باسقۇچى Theme Builder تولۇق theme ھاسىل قىلىشتىن بۇرۇن themeىڭىزنىڭ كۆرۈنۈش لايىھەسىنى كۆرۈپ چىقىش، مۇكەممەللەشتۈرۈش ۋە ئاخىرلاشتۇرۇشقا يول قويىدۇ.
ئومۇمىي چۈشەنچە
Discovery Interview تاماملانغاندىن كېيىن، Theme Builder ئۈستەلئۈستى ۋە كۆچمە ئالدىن كۆرۈش رېندېرلىنىشى بىلەن لايىھە يۆنىلىشىڭىزنى كۆرسىتىدۇ. بۇ themeگە ۋەدە بېرىشتىن بۇرۇن لايىھەڭىزنىڭ ئوخشىمىغان ئۈسكۈنىلەردە قانداق كۆرۈنىدىغانلىقىنى ئېنىق كۆرۈشىڭىزگە يول قويىدۇ.
لايىھە يۆنىلىشى تەركىبلىرى
1. رەڭ پالېتى
themeىڭىزنىڭ رەڭ لايىھەسى، تۆۋەندىكىلەرنى ئۆز ئىچىگە ئالىدۇ:
- ئاساسىي رەڭ — كۇنۇپكا، ئۇلانما ۋە بېزەكلەردە ئىشلىتىلىدىغان ئاساسلىق brand رەڭى
- ئىككىلەمچى رەڭ — كۆپ خىللىق ئۈچۈن ماسلاشتۇرۇلغان رەڭ
- تەكىتلەش رەڭى — مۇھىم ئېلېمېنتلار ئۈچۈن گەۋدىلەندۈرۈش رەڭى
- نېيترال رەڭلەر — ئارقا كۆرۈنۈش ۋە تېكىست ئۈچۈن كۈلرەڭلەر ۋە ئاق رەڭلەر
- تېكىست رەڭى — ئوقۇشقا قولايلىق بولۇشى ئۈچۈن ئاساسىي تېكىست رەڭى
2. خەت نۇسخىسى
تۆۋەندىكىلەر ئۈچۈن خەت تاللاشلىرى:
- ماۋزۇ خەت نۇسخىسى — بەت ماۋزۇلىرى ۋە بۆلەك باشلىقلىرى ئۈچۈن ئىشلىتىلىدۇ
- مەزمۇن خەت نۇسخىسى — ئابزاس تېكىستى ۋە مەزمۇن ئۈچۈن ئىشلىتىلىدۇ
- خەت چوڭلۇقى — ئوخشىمىغان ئېكران چوڭلۇقلىرى ئۈچۈن ماسلىشىشچان چوڭلۇق
- قۇر ئېگىزلىكى — ئوقۇشقا قولايلىق بولۇشى ئۈچۈن قۇرلار ئارىسىدىكى بوشلۇق
- خەت ئېغىرلىقى — توم، ئادەتتىكى ۋە نېپىز ئۆزگىرىشلەر
3. ئورۇنلاشتۇرۇش ۋە بوشلۇق
- كونتېينېر كەڭلىكى — مەزمۇن ئۈچۈن ئەڭ چوڭ كەڭلىك
- ئىچكى ۋە تاشقى بوشلۇقلار — ئېلېمېنتلار ئەتراپىدىكى بوشلۇق
- تور سىستېمىسى — ماسلىشىشچان لايىھە ئۈچۈن ستون ئورۇنلاشتۇرۇشى
- تەركىب بوشلۇقى — UI ئېلېمېنتلىرى ئارىسىدىكى ئارىلىق
4. كۆرۈنۈش ئېلېمېنتلىرى
- كۇنۇپكا ئۇسلۇبلىرى — ئاساسىي، ئىككىلەمچى ۋە ئۈچىنچى دەرىجىلىك كۇنۇپكا لايىھەلىرى
- كارتا لايىھەلىرى — مەزمۇن بۆلەكلىرى ئۈچۈن ئورۇنلاشتۇرۇشلار
- سىنبەلگىلەر — سىنبەلگە ئۇسلۇبى ۋە چوڭلۇقى
- چېگرىلار ۋە سايىلەر — نازۇك كۆرۈنۈش چوڭقۇرلۇقى
- Hover ئۈنۈملىرى — ئۆزئارا تەسىرلىشىش ھالىتى ئۇسلۇبى
ئالدىن كۆرۈش رېندېرلىنىشى
ئۈستەلئۈستى ئالدىن كۆرۈش
ئۈستەلئۈستى ئالدىن كۆرۈشى لايىھەڭىزنى تولۇق كەڭلىكتە كۆرسىتىدۇ (ئادەتتە 1200px ياكى ئۇنىڭدىن كەڭ):
- تولۇق يولباشلاش تىزىملىكى
- بارلىق ستونلار بىلەن تولۇق ئورۇنلاشتۇرۇش
- چوڭ خەت نۇسخىسى ۋە بوشلۇق
- بارلىق كۆرۈنۈش ئېلېمېنتلىرى تولۇق چوڭلۇقتا
كۆچمە ئالدىن كۆرۈش
كۆچمە ئالدىن كۆرۈش لايىھەڭىزنى كۆچمە كەڭلىكتە كۆرسىتىدۇ (ئادەتتە 375px):
- ماسلىشىشچان يولباشلاش (hamburger تىزىملىكى)
- بىر ستونلۇق ئورۇنلاشتۇرۇش
- تەڭشەلگەن خەت نۇسخىسى ۋە بوشلۇق
- چەكمىگە قولايلىق كۇنۇپكا چوڭلۇقلىرى
ماسلىشىشچان بۆلۈنۈش نۇقتىلىرى
Theme Builder بۇ بۆلۈنۈش نۇقتىلىرىدا ئالدىن كۆرۈشلەرنى رېندېرلايدۇ:
| ئۈسكۈنە | كەڭلىك | ئالدىن كۆرۈش |
|---|---|---|
| كۆچمە | 375px | تىك ھالەتتىكى تېلېفون |
| تاختا كومپيۇتېر | 768px | توغرا ھالەتتىكى تاختا كومپيۇتېر |
| ئۈستەلئۈستى | 1200px | تولۇق كەڭلىكتىكى ئۈستەلئۈستى |
| چوڭ ئۈستەلئۈستى | 1920px | ئىنتايىن كەڭ كۆرسەتكۈچ |
لايىھەڭىزنى مۇكەممەللەشتۈرۈش
تەڭشەشلەرنى قىلىش
لايىھە يۆنىلىشىڭىزنى تۆۋەندىكى ئۇسۇللار بىلەن مۇكەممەللەشتۈرەلەيسىز:
- رەڭلەرنى تەڭشەش — پالېتتىكى خالىغان رەڭنى ئۆزگەرتىڭ
- خەت نۇسخىلىرىنى ئۆزگەرتىش — ئوخشىمىغان خەت شەكىللىرىنى تاللاڭ
- بوشلۇقنى ئۆزگەرتىش — ئىچكى ۋە تاشقى بوشلۇقلارنى تەڭشەڭ
- ئورۇنلاشتۇرۇشنى يېڭىلاش — كونتېينېر كەڭلىكى ۋە تور ستونلىرىنى ئۆزگەرتىڭ
- ئېلېمېنتلارنى خاسلاشتۇرۇش — كۇنۇپكا ئۇسلۇبلىرى، كارتا لايىھەلىرى قاتارلىقلارنى ئۆزگەرتىڭ
ئالدىن كۆرۈش يېڭىلىنىشى
ئۆزگىرىشلەر ھەقىقىي ۋاقىتتا ئەكس ئېتىدۇ:
- ئۈستەلئۈستى ئالدىن كۆرۈشى دەرھال يېڭىلىنىدۇ
- كۆچمە ئالدىن كۆرۈش دەرھال يېڭىلىنىدۇ
- بارلىق ماسلىشىشچان بۆلۈنۈش نۇقتىلىرى يېڭىلىنىدۇ
- ئۆزگىرىشلەرنى دەلىللەش ئۈچۈن ئالدىن كۆرۈشلەر ئارىسىدا ئالماشتۇرالايسىز