網(wǎng)站建設(shè)中關(guān)于原型設(shè)計方面實用的小知識有哪些專業(yè)性強，是關(guān)于網(wǎng)站建設(shè)中關(guān)于原型設(shè)計方面實用的小知識有哪些的的專業(yè)知識，眾合長春網(wǎng)站制作公司介紹您網(wǎng)站建設(shè)中關(guān)于原型設(shè)計方面實用的小知識有哪些的方面的知識.

     在復雜的網(wǎng)頁設(shè)計中，表格的應(yīng)用是最多的，因為利用表格可以自由地控制文本和圖象在網(wǎng)頁上出現(xiàn)的具體位置，從而使整個網(wǎng)頁看上去緊湊統(tǒng)一。在這方面也不甘落后，我們可以使用其中的(格式化表格)命令來快速地對表格應(yīng)用預先設(shè)計好的樣式。

    第一、梳理功能分類和建立站點地圖；

    在開始進行相關(guān)功能頁面設(shè)計之前，我們需要先對后臺功能進行總體的梳理和分類，這個工作我一般會借助腦圖工具來進行。后臺系統(tǒng)功能主要是對前端業(yè)務(wù)進行管理，所以梳理過程中必須重點關(guān)注前端的業(yè)務(wù)邏輯，這是體現(xiàn)產(chǎn)品人員對需求或業(yè)務(wù)理解程度的一個重要方面。科學合理的功能分類能使得開發(fā)人員快速的理解需求，同時也直接會影響到系統(tǒng)上線后的用戶使用體驗。

    第二、關(guān)于框架自適應(yīng)的補充；

    在上篇分享中介紹了使用函數(shù)獲取瀏覽器窗口的寬高值，然后賦值給相關(guān)的界面元素以實現(xiàn)框架的自適應(yīng)效果。其中有一部分設(shè)置我在源文件中實現(xiàn)了但是沒有展開進行說明，有些觀察比較細致的朋友發(fā)現(xiàn)了并提出了相關(guān)的疑問，在頁面屬性的“窗口尺寸改變時”的事件中，大家可以看到兩個條件用例。1是設(shè)置當窗口的寬度大于1366時，2是設(shè)置當窗口的寬度小于1366時，這兩個條件用例中所設(shè)置的相關(guān)元素的寬度是不一樣的。

    第三、關(guān)于統(tǒng)計圖表的設(shè)計；

    統(tǒng)計圖表是后臺系統(tǒng)中比較常見的一種展示形式，由于Axure中沒有提供圖表相關(guān)的元件，所以用它來制作圖表是一件令人頭疼的事情。為了解決這個的問題，我們可以借助圖表工具生成對應(yīng)的圖表效果，然后將它生成圖片復制到原型中。我推薦使用百度的圖表工具

Echarts，它是一套開源的數(shù)據(jù)可視化工具，提供了各類豐富的圖表類型，包括常用的餅圖、柱狀圖、雷達圖等。

    第四、關(guān)于功能內(nèi)容頁面的設(shè)計；

    在開始內(nèi)容頁面的設(shè)計之前，我們首先需要定義頁面的設(shè)計尺寸標準。如果以1366px的窗口寬度為例，我們已經(jīng)在框架頁面中設(shè)置了一個寬度為200px的左側(cè)菜單，那么演示時內(nèi)聯(lián)框架的寬度是1366px-200px=1166px，根據(jù)這個寬度我們將內(nèi)容頁面的設(shè)計尺寸寬度設(shè)

為1100px較為合適。如果你的屏幕分辨率較高，內(nèi)容頁面的設(shè)計寬度可以稍微設(shè)置大一點，但最好不要超過1300px。定義頁面的設(shè)計尺寸需要用到參考線，可以通過從標尺區(qū)域向內(nèi)容區(qū)域拖動新建縱向或橫向的參考線，選中對應(yīng)的參考線右擊可以將它鎖它或進行更多的

設(shè)置。下面的截圖中是我使用參考線的效果，兩邊分別保留了20px的留白區(qū)域。

    第五、使用中繼器管理列表元素；

    Axure里的中繼器元件是用于實現(xiàn)動態(tài)數(shù)據(jù)的效果的，但是利于它的特征可以用來方便的管理列表元素。如果我們需要一個多行的數(shù)據(jù)列表，通常的做法是先創(chuàng)建好一行的元素，然后進行復制排列。如果這個數(shù)據(jù)列表有20行，我們就需要復制19行然后排列對齊，這個

操作是一個很耗時而且麻煩的過程，對于有對齊強迫癥的朋友來說更是惡夢。但是通過使用中繼器，我們只需要創(chuàng)建好一行的元素，然后將它復制到中繼器中，再在中斷器中批量增加19行，這樣的一個多行的數(shù)據(jù)排列就創(chuàng)建好了。

    第六、使用母版管理常用元素；

    了解Axure基本功能的朋友應(yīng)該都知道母版功能，它可以用來管理一些比較通用的界面元素，可以快速拖動到不同的界面中并支持統(tǒng)一修改，善用母版功能讓你的設(shè)計效率提升不少。

    第七、圖標的使用技巧和推薦；

     原型設(shè)計中需要用到圖標的可以通過很多方式獲取到，例如有各類海量的圖標庫搜索網(wǎng)站、免費的圖標素材下載，還有其它同行整理好的圖標元件庫，大家在百度中搜索一下都能找到相關(guān)的資源。我個人最常用的是阿里巴巴的團隊推出的圖標分享平臺iconfont，推

薦它的原因有兩個，首先它的圖標數(shù)量非常全面，目前收錄的圖標數(shù)量在160萬枚以上，只需要通過搜索功能就能快速檢索到自己需要的圖標。

     這個設(shè)計背后的靈感來自Divi的加密貨幣布局包。關(guān)于頁面布局的特點是一個獨特的設(shè)計與標題背景圖像的連接線，繼續(xù)向下的頁面，以劃分兩列網(wǎng)格布局的中間。因此，我決定探索使用Divi來添加線條的概念，這些線條可以更多地限定內(nèi)容，并在總體設(shè)計中添加

一些亮點。這個設(shè)計的主要亮點是分隔模塊的使用。我發(fā)現(xiàn)Divider模塊并不局限于創(chuàng)建帶有單一顏色的水平線。實際上，只要稍加調(diào)整，您就可以創(chuàng)建帶有背景漸變的垂直線了

網(wǎng)站建設(shè)中關(guān)于原型設(shè)計方面實用的小知識有哪些由眾合長春網(wǎng)站建設(shè)公司為您提供，轉(zhuǎn)載網(wǎng)站建設(shè)中關(guān)于原型設(shè)計方面實用的小知識有哪些時請注明出處更多內(nèi)容：http://www.dbzj168.cn

相關(guān)鏈接：長春網(wǎng)站建設(shè)，長春網(wǎng)站制作，長春網(wǎng)站設(shè)計，長春做網(wǎng)站，長春建網(wǎng)站，長春網(wǎng)站公司，長春網(wǎng)絡(luò)公司