ଡିଜାଇନ ଦିଗ
ଡିଜାଇନ ଦିଗ ପଦକ୍ଷେପରେ Theme Builder ସମ୍ପୂର୍ଣ୍ଣ ଥିମ ତିଆରି କରିବା ପୂର୍ବରୁ, ଆପଣ ନିଜ ଥିମର ଦୃଶ୍ୟ ଡିଜାଇନକୁ ସମୀକ୍ଷା, ସଂଶୋଧନ ଏବଂ ଅନ୍ତିମ କରିପାରିବେ।
ସାରାଂଶ
Discovery Interview ସମ୍ପୂର୍ଣ୍ଣ କରିବା ପରେ, Theme Builder ଡେସ୍କଟପ ଏବଂ ମୋବାଇଲ ପ୍ରିଭ୍ୟୁ ରେଣ୍ଡରିଂ ସହିତ ଆପଣଙ୍କ ଡିଜାଇନ ଦିଗ ପ୍ରଦର୍ଶନ କରେ। ଏହା ଆପଣଙ୍କୁ ଥିମକୁ ନିଶ୍ଚିତ କରିବା ପୂର୍ବରୁ ଭିନ୍ନ ଡିଭାଇସରେ ଆପଣଙ୍କ ଡିଜାଇନ କିପରି ଦେଖାଯିବ, ସଠିକ୍ ଭାବେ ଦେଖିବାକୁ ଦିଏ।
ଡିଜାଇନ ଦିଗର ଉପାଦାନ
1. ରଙ୍ଗ ପ୍ୟାଲେଟ
ଆପଣଙ୍କ ଥିମର ରଙ୍ଗ ଯୋଜନା, ଯାହାରେ ଅଛି:
- ପ୍ରାଥମିକ ରଙ୍ଗ — ବଟନ, ଲିଙ୍କ ଏବଂ ଆକ୍ସେଣ୍ଟ ପାଇଁ ବ୍ୟବହୃତ ମୁଖ୍ୟ ବ୍ରାଣ୍ଡ ରଙ୍ଗ
- ଦ୍ୱିତୀୟ ରଙ୍ଗ — ବିଭିନ୍ନତା ପାଇଁ ପୂରକ ରଙ୍ଗ
- ଆକ୍ସେଣ୍ଟ ରଙ୍ଗ — ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ ଉପାଦାନ ପାଇଁ ହାଇଲାଇଟ ରଙ୍ଗ
- ନିରପେକ୍ଷ ରଙ୍ଗ — ପୃଷ୍ଠଭୂମି ଏବଂ ପାଠ୍ୟ ପାଇଁ ଧୂସର ଓ ଧଳା ରଙ୍ଗ
- ପାଠ୍ୟ ରଙ୍ଗ — ପଢ଼ିବା ସହଜ କରିବା ପାଇଁ ପ୍ରାଥମିକ ପାଠ୍ୟ ରଙ୍ଗ
2. ଟାଇପୋଗ୍ରାଫି
ଏହା ପାଇଁ ଫଣ୍ଟ ଚୟନ:
- ଶୀର୍ଷକ ଫଣ୍ଟ — ପୃଷ୍ଠା ଶୀର୍ଷକ ଏବଂ ବିଭାଗ ହେଡର ପାଇଁ ବ୍ୟବହୃତ
- ମୂଳ ପାଠ୍ୟ ଫଣ୍ଟ — ପ୍ୟାରାଗ୍ରାଫ ପାଠ୍ୟ ଏବଂ ସାମଗ୍ରୀ ପାଇଁ ବ୍ୟବହୃତ
- ଫଣ୍ଟ ଆକାର — ଭିନ୍ନ ସ୍କ୍ରିନ ଆକାର ପାଇଁ ପ୍ରତିକ୍ରିୟାଶୀଳ ଆକାର
- ଲାଇନ ଉଚ୍ଚତା — ପଢ଼ିବା ସହଜ କରିବା ପାଇଁ ଧାଡ଼ିମଧ୍ୟର ଖାଲି ସ୍ଥାନ
- ଫଣ୍ଟ ଓଜନ — ବୋଲ୍ଡ, ନିୟମିତ ଏବଂ ହାଲୁକା ପରିବର୍ତ୍ତନ
3. ଲେଆଉଟ ଏବଂ ଖାଲି ସ୍ଥାନ
- କଣ୍ଟେନର ପ୍ରସ୍ଥ — ସାମଗ୍ରୀ ପାଇଁ ସର୍ବାଧିକ ପ୍ରସ୍ଥ
- ପ୍ୟାଡିଂ ଏବଂ ମାର୍ଜିନ — ଉପାଦାନ ଚାରିପାଖରେ ଖାଲି ସ୍ଥାନ
- ଗ୍ରିଡ ସିଷ୍ଟମ — ପ୍ରତିକ୍ରିୟାଶୀଳ ଡିଜାଇନ ପାଇଁ କଲମ ଲେଆଉଟ
- ଉପାଦାନ ମଧ୍ୟର ଖାଲି ସ୍ଥାନ — UI ଉପାଦାନମାନଙ୍କ ମଧ୍ୟର ଦୂରତା
4. ଦୃଶ୍ୟ ଉପାଦାନ
- ବଟନ ଶୈଳୀ — ପ୍ରାଥମିକ, ଦ୍ୱିତୀୟ ଏବଂ ତୃତୀୟ ବଟନ ଡିଜାଇନ
- କାର୍ଡ ଡିଜାଇନ — ସାମଗ୍ରୀ ବ୍ଲକ ପାଇଁ ଲେଆଉଟ
- ଆଇକନ — ଆଇକନ ଶୈଳୀ ଏବଂ ଆକାର
- ବର୍ଡର ଏବଂ ଛାୟା — ସୂକ୍ଷ୍ମ ଦୃଶ୍ୟ ଗଭୀରତା
- ହୋଭର ପ୍ରଭାବ — ଇଣ୍ଟରଆକ୍ଟିଭ ଅବସ୍ଥା ଶୈଳୀ
ପ୍ରିଭ୍ୟୁ ରେଣ୍ଡରିଂ
ଡେସ୍କଟପ ପ୍ରିଭ୍ୟୁ
ଡେସ୍କଟପ ପ୍ରିଭ୍ୟୁ ଆପଣଙ୍କ ଡିଜାଇନକୁ ପୂର୍ଣ୍ଣ ପ୍ରସ୍ଥରେ ଦେଖାଏ (ସାଧାରଣତଃ 1200px କିମ୍ବା ତାଠାରୁ ଅଧିକ):
- ପୂର୍ଣ୍ଣ ନାଭିଗେସନ ମେନୁ
- ସମସ୍ତ କଲମ ସହିତ ସମ୍ପୂର୍ଣ୍ଣ ଲେଆଉଟ
- ବଡ଼ ଟାଇପୋଗ୍ରାଫି ଏବଂ ଖାଲି ସ୍ଥାନ
- ସମସ୍ତ ଦୃଶ୍ୟ ଉପାଦାନ ପୂର୍ଣ୍ଣ ଆକାରରେ
ମୋବାଇଲ ପ୍ରିଭ୍ୟୁ
ମୋବାଇଲ ପ୍ରିଭ୍ୟୁ ଆପଣଙ୍କ ଡିଜାଇନକୁ ମୋବାଇଲ ପ୍ରସ୍ଥରେ ଦେଖାଏ (ସାଧାରଣତଃ 375px):
- ପ୍ରତିକ୍ରିୟାଶୀଳ ନାଭିଗେସନ (ହାମ୍ବର୍ଗର ମେନୁ)
- ଏକକ-କଲମ ଲେଆଉଟ
- ସମନ୍ୱିତ ଟାଇପୋଗ୍ରାଫି ଏବଂ ଖାଲି ସ୍ଥାନ
- ସ୍ପର୍ଶ-ଅନୁକୂଳ ବଟନ ଆକାର
ପ୍ରତିକ୍ରିୟାଶୀଳ ବ୍ରେକପଏଣ୍ଟ
Theme Builder ଏହି ବ୍ରେକପଏଣ୍ଟରେ ପ୍ରିଭ୍ୟୁ ରେଣ୍ଡର କରେ:
| ଡିଭାଇସ | ପ୍ରସ୍ଥ | ପ୍ରିଭ୍ୟୁ |
|---|---|---|
| ମୋବାଇଲ | 375px | ପୋର୍ଟ୍ରେଟ ଫୋନ |
| ଟାବଲେଟ | 768px | ଲ୍ୟାଣ୍ଡସ୍କେପ ଟାବଲେଟ |
| ଡେସ୍କଟପ | 1200px | ପୂର୍ଣ୍ଣ-ପ୍ରସ୍ଥ ଡେସ୍କଟପ |
| ବଡ଼ ଡେସ୍କଟପ | 1920px | ଅଲ୍ଟ୍ରା-ୱାଇଡ ଡିସ୍ପ୍ଲେ |
ଆପଣଙ୍କ ଡିଜାଇନ ସଂଶୋଧନ
ସମଯୋଜନ କରିବା
ଆପଣ ନିଜ ଡିଜାଇନ ଦିଗକୁ ଏଭଳି ସଂଶୋଧନ କରିପାରିବେ:
- ରଙ୍ଗ ସମଯୋଜନ — ପ୍ୟାଲେଟର ଯେକୌଣସି ରଙ୍ଗ ବଦଳାନ୍ତୁ
- ଫଣ୍ଟ ବଦଳାଇବା — ଭିନ୍ନ ଟାଇପଫେସ ବାଛନ୍ତୁ
- ଖାଲି ସ୍ଥାନ ପରିବର୍ତ୍ତନ — ପ୍ୟାଡିଂ ଏବଂ ମାର୍ଜିନ ସମଯୋଜନ କରନ୍ତୁ
- ଲେଆଉଟ ଅଦ୍ୟତନ — କଣ୍ଟେନର ପ୍ରସ୍ଥ ଏବଂ ଗ୍ରିଡ କଲମ ବଦଳାନ୍ତୁ
- ଉପାଦାନ କଷ୍ଟମାଇଜ କରିବା — ବଟନ ଶୈଳୀ, କାର୍ଡ ଡିଜାଇନ ଇତ୍ୟାଦି ପରିବର୍ତ୍ତନ କରନ୍ତୁ।
ପ୍ର ିଭ୍ୟୁ ଅଦ୍ୟତନ
ପରିବର୍ତ୍ତନଗୁଡ଼ିକ ରିଅଲ-ଟାଇମରେ ପ୍ରତିଫଳିତ ହୁଏ:
- ଡେସ୍କଟପ ପ୍ରିଭ୍ୟୁ ତୁରନ୍ତ ଅଦ୍ୟତନ ହୁଏ
- ମୋବାଇଲ ପ୍ରିଭ୍ୟୁ ତୁରନ୍ତ ଅଦ୍ୟତନ ହୁଏ
- ସମସ୍ତ ପ୍ରତିକ୍ରିୟାଶୀଳ ବ୍ରେକପଏଣ୍ଟ ଅଦ୍ୟତନ ହୁଏ
- ପରିବର୍ତ୍ତନ ସତ୍ୟାପନ ପାଇଁ ଆପଣ ପ୍ରିଭ୍ୟୁମାନଙ୍କ ମଧ୍ୟରେ ବଦଳାଇପାରିବେ
ତୁଳନା ଦୃଶ୍ୟ
ଆପଣଙ୍କ ଡିଜାଇନ ଦିଗକୁ ଏହା ସହିତ ତୁଳନା କରନ୍ତୁ:
- ମୂଳ ଡିଜାଇନ — କଣ ବଦଳିଛି ଦେଖନ୍ତୁ
- ପ୍ରତିଯୋଗୀ ଡିଜାଇନ — ପ୍ରେରଣା ସାଇଟ ସହିତ ତୁଳନା କରନ୍ତୁ
- ପୂର୍ବ ସଂସ୍କରଣ — ପୂର୍ବରୁ ଥିବା ଡିଜାଇନ ଦିଗକୁ ଫେରନ୍ତୁ
ଡିଜାଇନ ଦିଗ ଅନୁମୋଦନ
ନିଜ ଡିଜାଇନରେ ସନ୍ତୁଷ୍ଟ ହେଲେ:
- ଉଭୟ ପ୍ରିଭ୍ୟୁ ସମୀକ୍ଷା କରନ୍ତୁ — ଡେସ୍କଟପ ଏବଂ ମୋବାଇଲ ଭଲ ଦେଖାଯାଉଛି କି ସତ୍ୟାପନ କରନ୍ତୁ
- ସମସ୍ତ ରଙ୍ଗ ଯାଞ୍ଚ କରନ୍ତୁ — କନ୍ଟ୍ରାଷ୍ଟ ଏବଂ ଆକ୍ସେସିବିଲିଟି ନିଶ୍ଚିତ କରନ୍ତୁ
- ଟାଇପୋଗ୍ରାଫି ପରୀକ୍ଷା କରନ୍ତୁ — ସମସ୍ତ ଆକାରରେ ପଢ଼ିବା ସହଜ କି ସତ୍ୟାପନ କରନ୍ତୁ
- ଲେଆଉଟ ନିଶ୍ଚିତ କରନ୍ତୁ — ଖାଲି ସ୍ଥାନ ଏବଂ ସମରେଖଣ ଯାଞ୍ଚ କରନ୍ତୁ
- ଡିଜାଇନ ଅନୁମୋଦନ କରନ୍ତୁ — ଥିମ ତିଆରିକରଣକୁ ଆଗକୁ ବଢ଼ନ୍ତୁ
ପରବର୍ତ୍ତୀ ପଦକ୍ଷେପ
ଆପଣଙ୍କ ଡିଜାଇନ ଦିଗ ଅନୁମୋଦନ କରିବା ପରେ:
- Theme Builder ଆପଣଙ୍କ ସମ୍ପୂର୍ଣ୍ଣ ଥିମ ତିଆରି କରେ
- ଥିମଟି ଆପଣଙ୍କ WordPress ସାଇଟରେ ସ୍ଥାପିତ ହୁଏ
- WordPress କଷ୍ଟମାଇଜର ବ୍ୟବହାର କରି ଆପଣ ଆହୁରି କଷ୍ଟମାଇଜ କରିପାରିବେ
- ହସ୍ପିଟାଲିଟି ମେନୁ କିମ୍ବା ଅନ୍ୟ ବୈଶିଷ୍ଟ୍ୟକୁ ଆଗକୁ ବଢ଼ନ୍ତୁ
ଶ୍ରେଷ୍ଠ ପ୍ରଚଳନ
- ବାସ୍ତବ ଡିଭାଇସରେ ପରୀକ୍ଷା କରନ୍ତୁ — ସମ୍ଭବ ହେଲେ ପ୍ରକୃତ ଫୋନ ଏବଂ ଟାବଲେଟ ବ୍ୟବହାର କରନ୍ତୁ
- ପଢ଼ିବା ସହଜତା ଯାଞ୍ଚ କରନ୍ତୁ — ସମସ୍ତ ଆକାରରେ ପାଠ୍ୟ ପଢ଼ିହେବ କି ନିଶ୍ଚିତ କରନ୍ତୁ
- କନ୍ଟ୍ରାଷ୍ଟ ସତ୍ୟାପନ କରନ୍ତୁ — ଆକ୍ସେସିବିଲିଟି ପାଇଁ ପ୍ୟାଲେଟ କନ୍ଟ୍ରାଷ୍ଟ ସତ୍ୟାପନ ବ୍ୟବହାର କରନ୍ତୁ
- ପରିଣାମକ୍ଷମତା ବିଚାର କରନ୍ତୁ — ଗତି ପାଇଁ ଛବି ଏବଂ ଫଣ୍ଟ ଅପ୍ଟିମାଇଜ କରନ୍ତୁ
- ସାମଗ୍ରୀ ପାଇଁ ଯୋଜନା କରନ୍ତୁ — ଲେଆଉଟ ଆପଣଙ୍କ ବାସ୍ତବ ସାମଗ୍ରୀ ସହ କାମ କରେ କି ନିଶ୍ଚିତ କରନ୍ତୁ
ସମସ୍ୟା ସମାଧାନ
ପ୍ରିଭ୍ୟୁ ଅଦ୍ୟତନ ହେଉନାହିଁ
- ପୃଷ୍ଠା ରିଫ୍ରେଶ କରନ୍ତୁ
- ବ୍ରାଉଜର କ୍ୟାଶ ସଫା କରନ୍ତୁ
- ଭିନ୍ନ ବ୍ରାଉଜର ଚେଷ୍ଟା କରନ୍ତୁ
- ଇଣ୍ଟରନେଟ ସଂଯୋଗ ଯାଞ୍ଚ କରନ୍ତୁ
ରଙ୍ଗ ଭିନ୍ନ ଦେଖାଯାଉଛି
- ମୋନିଟର ରଙ୍ଗ ସେଟିଂ ଯାଞ୍ଚ କରନ୍ତୁ
- ଭିନ୍ନ ଡିଭାଇସରେ ଚେଷ୍ଟା କରନ୍ତୁ
- ଆକ୍ସେସିବିଲିଟି ଟୁଲ ସହିତ ରଙ୍ଗ କନ୍ଟ୍ରାଷ୍ଟ ସତ୍ୟାପନ କରନ୍ତୁ
- ରଙ୍ଗ ଅନ୍ଧତା ସିମ୍ୟୁଲେଟର ବିଚାର କରନ୍ତୁ
ଟାଇପୋଗ୍ରାଫି ସମସ୍ୟା
- ଫଣ୍ଟ ଫାଇଲ ଲୋଡ ହେଉଛି କି ସତ୍ୟାପନ କରନ୍ତୁ
- ଭିନ୍ନ ବ୍ରେକପଏଣ୍ଟରେ ଫଣ୍ଟ ଆକାର ଯାଞ୍ଚ କରନ୍ତୁ
- ବାସ୍ତବ ସାମଗ୍ରୀ ସହ ପରୀକ୍ଷା କରନ୍ତୁ
- ପଢ଼ିବା ସହଜତା ପାଇଁ ଧାଡ଼ି ଲମ୍ବ ବିଚାର କରନ୍ତୁ
ସମ୍ବନ୍ଧିତ ଡକ୍ୟୁମେଣ୍ଟେସନ
- Discovery Interview — ଡିଜାଇନ ସୂଚନା ସଂଗ୍ରହ କରନ୍ତୁ
- ହସ୍ପିଟାଲିଟି ମେନୁ — ସଂରଚିତ ମେନୁ ପୃଷ୍ଠା ତିଆରି କରନ୍ତୁ
- ପ୍ୟାଲେଟ କନ୍ଟ୍ରାଷ୍ଟ ସତ୍ୟାପନ — ରଙ୍ଗ ଆକ୍ସେସିବିଲିଟି ଯାଞ୍ଚ କରନ୍ତୁ
- Logo SVG ତିଆରି କରନ୍ତୁ — କଷ୍ଟମ ଲୋଗୋ ତିଆରି କରନ୍ତୁ