‫‪4/26/2021‬‬ ‫و‬ ‫إ‬ ‫ا‬

‫و‬ ‫إ‬ ‫ا‬

‫‪2011-01-10‬‬
‫‪admin‬‬
‫د ا اءات » ‪« 10496‬‬

‫و‬ ‫إ‬ ‫ا‬

‫‪Website Blueprint‬‬

‫ح؟‬ ‫و‬ ‫ا‬ ‫ء‬ ‫ةا و‬ ‫فا‬

‫م‬ ‫ا‬ ‫ة‬ ‫‪ ،‬ن أول‬ ‫أ‬ ‫م‬ ‫ا‬ ‫ع‬ ‫‪ ،‬أو‬ ‫ء‬ ‫م‬ ‫إذا‬
‫‪.‬‬ ‫ت‪ ،‬وا‬ ‫ا‬ ‫و‬ ‫و‬ ‫ا‬ ‫ءا‬

‫ا ا‬ ‫إن‬ ‫و ‪،‬و‬ ‫إ‬ ‫ر‬ ‫حا‬ ‫‪ ،‬أن‬ ‫ا‬ ‫ا‬ ‫ب‬ ‫أ‬
‫ا‬ ‫ه‬ ‫و ‪،‬و‬ ‫را‬ ‫ا‬ ‫ر‬ ‫ا رة ا‬ ‫‪،‬و‬ ‫ا ٍر‬ ‫ور‬ ‫ه‪ ،‬و‬
‫وع‬ ‫ا‬ ‫ة–‬ ‫ا‬ ‫ةو‬ ‫–ا‬ ‫و‬ ‫‪،‬و‬ ‫اا‬ ‫ر ا ع‬ ‫و !‬ ‫ا‬
‫‪.‬‬ ‫ا‬ ‫ء‬

‫‪.‬‬ ‫ا‬ ‫ا‬ ‫ا دوات ا‬ ‫‪ ،‬وا‬ ‫ا‬ ‫ذج ا و‬ ‫و ‪ ،‬وا‬ ‫ا‬ ‫ا‬ ‫ل‬ ‫اا‬ ‫ل‬ ‫ف‬

‫و‬ ‫ا‬
‫ا‬ ‫رة‬ ‫ا‬

‫ﻣﺨﻄﻂ ﻣﺒﻨﻰ ﺳﻜﻨﻲ‬

‫‪www.hostingangle.com/v5/print190.html‬‬ ‫‪1/4‬‬
‫‪4/26/2021‬‬ ‫و‬ ‫إ‬ ‫ا‬

‫‪.Wireframes‬‬ ‫ت‪ ،‬وأ‬ ‫ا‬ ‫ر ‪،‬و‬ ‫ا‬ ‫ا‬ ‫ا زرق‬ ‫ةا‬ ‫رة‬ ‫ا‬
‫)‪Website‬‬ ‫و‬ ‫إ‬ ‫ذج‬ ‫رة‬ ‫ا‬ ‫‪،‬و‬ ‫ا‬ ‫تا‬ ‫ذج‬ ‫أ‬ ‫رة‬ ‫ا‬
‫‪.(Wireframe‬‬

‫ﻣﺨﻄﻂ ﻣﻮﻗﻊ اﻟﻜﺘﺮوﻧﻲ – اﺳﺘﻤﺎرة اﻟﺒﺤﺚ اﻟﻤﺘﻘﺪم‬

‫ء‬ ‫وع‪،‬‬ ‫ا ا‬ ‫ا‬ ‫أو‬ ‫ا‬ ‫و‬ ‫ا ا ا‬ ‫ت‬

‫أن ى‬ ‫و‬ ‫ا‬ ‫ا‬ ‫‪.‬و‬ ‫ت‬ ‫ت‪ ،‬و‬ ‫أن‬ ‫و و‬ ‫ا‬ ‫ا‬
‫ا‬ ‫و‬ ‫و‬ ‫أن‬ ‫ا ‪،‬‬ ‫رة‬ ‫ل‬
‫‪،‬و‬ ‫ا‬ ‫ر‬ ‫دل ا‬ ‫ّ‬ ‫ً‬ ‫ً‬ ‫ا زرق ا‬ ‫ا‬ ‫‪،‬‬ ‫و ‪.‬‬ ‫ا‬ ‫ا‬ ‫ام‬ ‫ذا‬
‫‪.‬‬ ‫ا ا‬

‫و‬ ‫ا‬ ‫وع‬ ‫ا‬ ‫؛‬ ‫ا‬ ‫ا ا‬ ‫‪،‬و‬ ‫ا‬ ‫ن‬ ‫ذ ‪،‬‬
‫ا زرق‬ ‫ص‬ ‫ا‬ ‫‪،‬‬ ‫‪.‬‬ ‫إ‬ ‫ت‬ ‫إ‬ ‫ا‬ ‫ا‬
‫‪.‬‬ ‫ل‬ ‫‪،‬و ى‬ ‫زاو‬

‫ا‬ ‫َو ا‬ ‫ر‬ ‫ا‬

‫رﺳﻢ ﺑﯿﺎﻧﻲ ﻟﺴﯿﻨﺎرﻳﻮھﺎت ﻣﺘﻌﺪدة‬

‫‪.‬‬ ‫(‬ ‫)‬ ‫ل‬ ‫ا‬ ‫ات‬ ‫ا‬ ‫ا‬ ‫ر‬ ‫ا‬
‫م‬ ‫ت‪ .‬ا‬ ‫ا‬ ‫ا‬ ‫ٍ‬ ‫ا‬ ‫ً‬ ‫ا ‪،‬‬‫جإ‬ ‫ت‬ ‫ر‬ ‫ا‬ ‫ف‬ ‫ا‬
‫أن‬ ‫‪،‬‬ ‫لا‬ ‫‪.‬‬ ‫ات و‬ ‫ا‬ ‫ي‪،‬‬ ‫ر‬ ‫ا‬ ‫ا‬ ‫ا‬ ‫ا‬
‫ت(‬ ‫ت)‬ ‫ر‬ ‫ج‬ ‫دي‬ ‫‪.‬‬ ‫ةا‬ ‫ا‬ ‫‪،‬و‬ ‫تا‬ ‫ة‪،‬‬
‫رة )‪.(Story Board‬‬ ‫أ‬

‫و‬ ‫ا‬ ‫ذ ا و‬ ‫ا‬

‫ﺗﺼﻤﯿﻢ ﻋﻠﻰ ورق ﻟﻌﺪة ﻣﺨﻄﻄﺎت ﺗﻜﻮن ﻗﺼﺔ ﻣﺼﻮرة‬

‫ء‪،‬‬ ‫وع ا‬ ‫ء‬ ‫ا‬ ‫و‬ ‫ا‬ ‫ا‬ ‫ن‬ ‫اً‬ ‫)‪(Website Prototype‬‬ ‫ذج ا و‬ ‫ا‬
‫‪.‬‬ ‫ا‬ ‫ب‬ ‫وا‬ ‫ا‬ ‫ا‬ ‫ا‬ ‫ً‬ ‫و‬

‫ا‬ ‫تا‬ ‫ا‬ ‫‪ ،‬أو‬ ‫ا‬ ‫ا‬ ‫ا ا‬ ‫ا‬ ‫و‬ ‫ا‬ ‫ا‬ ‫أن‬
‫‪،‬و‬ ‫ها‬ ‫م‬ ‫ا‬ ‫ذج ا و‬ ‫ا‬ ‫ما‬ ‫‪،‬‬ ‫تا‬ ‫ل‬ ‫ا‬
‫‪.‬‬ ‫ءا‬ ‫ا‬ ‫ت‬ ‫ات‪ ،‬و‬ ‫ا‬

‫ذ ا و‬ ‫ا اع ا‬

‫و‬ ‫د أن ى‬ ‫ة‪.‬‬ ‫ا‬ ‫وا‬ ‫ا‬ ‫ذج ا و ‪ ،‬و‬ ‫ا‬ ‫ل‬ ‫لا‬
‫ء‬ ‫ا‬ ‫وري ا ر‬ ‫ا‬ ‫ا ً‪.‬‬ ‫ع‬ ‫وا‬ ‫ا قا‬ ‫ا‬ ‫‪،‬‬ ‫ا‬ ‫!‬ ‫ي‬
‫ر‪:‬‬ ‫ا‬ ‫ول‬ ‫‪،‬و اا‬

‫‪www.hostingangle.com/v5/print190.html‬‬ ‫‪2/4‬‬
‫‪4/26/2021‬‬ ‫و‬ ‫إ‬ ‫ا‬

‫ﺟﺪول اﻧﻮاع اﻟﻨﻤﺎذج اﻷوﻟﯿﺔ وﻋﻼﻗﺘﮫﺎ ﺑﺎﻟﺪﻗﺔ واﻟﺘﻜﻠﻔﺔ‬

‫وا‬ ‫مد‬ ‫ا‬ ‫ق‬ ‫ا‬ ‫ذ ‪ .‬وا‬ ‫ا زم‬ ‫وا‬ ‫‪ ،‬داد ا‬ ‫ز دة ا‬

‫‪.‬‬ ‫و‬ ‫ا‬ ‫ر ‪،‬‬ ‫ات ا‬ ‫ا‬ ‫ي‬ ‫ام‬ ‫ا‬

‫و‬ ‫ا‬ ‫ا‬ ‫أدوات‬

‫وا ر !‬ ‫اً؛ ا‬ ‫ه ا دوات وأ‬ ‫و ‪.‬أ‬ ‫ا‬ ‫ء‬ ‫ر‬ ‫وا‬ ‫ا‬ ‫ا ا‬ ‫كا‬
‫‪.‬‬ ‫ا‬ ‫ر‬ ‫ا‬ ‫‪،‬‬ ‫تا‬ ‫ت‬ ‫ا‬

‫ة‪:‬‬ ‫ا‬ ‫اا ا‬ ‫ا‬ ‫‪،‬‬ ‫ا ر وا‬

‫‪Blueprint CSS GRID‬‬

‫‪Grid 60‬‬

‫ها ا ‪:‬‬ ‫ا‬ ‫‪،‬‬ ‫ا‬ ‫و اة ا‬

‫‪Pencil Project‬‬
‫‪iPlotz.com‬‬
‫‪pidoco.com‬‬
‫‪hotgloo.com‬‬
‫‪wirify.com‬‬

‫و‬ ‫ا‬ ‫ا‬ ‫ذ ا و‬ ‫وا‬ ‫لا‬ ‫ا‬

‫إ‬ ‫و ‪،‬و‬ ‫ا‬ ‫تا‬ ‫و‬ ‫و ‪،‬أ‬ ‫ا‬ ‫ا ا‬ ‫و‬ ‫ل‬ ‫آ اً‪ ،‬ا‬ ‫اً و‬ ‫ا‬
‫ا‬ ‫ا‬ ‫ذج ا و وا دوات ا‬ ‫أ اع ا‬ ‫‪ ،‬وذ‬ ‫ا ةو‬ ‫ا ا‬ ‫ُ ّ‬ ‫أو‬
‫‪:‬‬ ‫ات ا‬ ‫ا‬ ‫ر ذ‬ ‫و ‪.‬و‬ ‫ا‬ ‫ذج ا و‬ ‫ا‬

‫ﺗﻔﺎﺻﯿﻞ ﻣﺮاﺣﻞ اﻟﻌﻤﻞ‬

‫ا‬ ‫ا و ‪،‬و ا‬ ‫رإ‬ ‫ا‬ ‫ا‬ ‫م‬ ‫ر‪،‬‬ ‫ه ا‬ ‫دا‬ ‫‪-1‬‬

‫ةا‬ ‫اا‬ ‫دة‬ ‫و ‪.‬‬ ‫ا‬ ‫ءا‬ ‫وع‬ ‫ه‬ ‫اه‬ ‫إن‬ ‫إ‬
‫م‪.‬‬ ‫ا‬

‫ـ "‪happy‬‬ ‫ر ‪،‬و‬ ‫ا‬ ‫ل‬ ‫ات ا‬ ‫ا‬ ‫و ا‬ ‫تا‬ ‫را‬ ‫‪ -2‬ا‬

‫‪.‬‬ ‫ا‬ ‫ـا‬ ‫‪ "path‬و‬

‫ام‬ ‫ا‬ ‫‪،‬و س‬ ‫ا‬ ‫م‬ ‫ا‬ ‫ر‬ ‫فا‬ ‫و‬ ‫ا‬ ‫ذج أو‬ ‫‪-3‬‬
‫‪.‬‬ ‫ا‬ ‫ا‬ ‫ا‬ ‫ا‬ ‫اد‬ ‫ا‬ ‫‪،‬ا‬ ‫ا‬

‫ح‬ ‫و‬ ‫ا‬ ‫ءا‬ ‫إن‬ ‫و ‪،‬و‬ ‫ا‬ ‫ا ا‬ ‫ب‬ ‫ا‬ ‫دي أ أ‬ ‫ات‪،‬‬ ‫ها‬ ‫ا ع‬
‫ا ا ‪.‬‬ ‫ا‬ ‫و‬

‫‪www.hostingangle.com/v5/print190.html‬‬ ‫‪3/4‬‬
4/26/2021 ‫و‬ ‫إ‬ ‫ا‬

‫© زاو ا‬ ‫ق‬ ‫ا‬

www.hostingangle.com/v5/print190.html 4/4