為何你的頁面成品與設計稿差別大?
以原生的體驗類比
很明顯,原生的頁面體驗會比較流程,尤其是APP產品頁面設計,視覺效果上也會比較華麗。因此很多設計師會儘量地向原生體驗靠攏。但是要實現起來,其實很困難。很多APP產品頁面設計的體驗換到H5上就會變得非常的難堪。
設計稿都是完狀態
很明顯,設計稿往往呈現的都是完狀態。但是要前端實現得完全其實很難,因為要考慮到各種的溢出狀態,還有多個超出、拆行、撐開等等。這些情況多數不會在設計稿上出現,但是到了實際的頁面設計流程中,你會發現是不可能實現得徹底的。
用了非系統的字體
所謂的活字,就是直接以文本的形式呈現到頁面上,而不是以圖片類比的文字。因此,建議即使是設計稿都要使用系統的字體,否則只是好看而已!瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們in*** ,inspirro***,我們Inspirr Digital Studios Limited是香港 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspi***
很明顯,原生的頁面體驗會比較流程,尤其是APP產品頁面設計,視覺效果上也會比較華麗。因此很多設計師會儘量地向原生體驗靠攏。但是要實現起來,其實很困難。很多APP產品頁面設計的體驗換到H5上就會變得非常的難堪。
設計稿都是完狀態
很明顯,設計稿往往呈現的都是完狀態。但是要前端實現得完全其實很難,因為要考慮到各種的溢出狀態,還有多個超出、拆行、撐開等等。這些情況多數不會在設計稿上出現,但是到了實際的頁面設計流程中,你會發現是不可能實現得徹底的。
用了非系統的字體
所謂的活字,就是直接以文本的形式呈現到頁面上,而不是以圖片類比的文字。因此,建議即使是設計稿都要使用系統的字體,否則只是好看而已!瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們in*** ,inspirro***,我們Inspirr Digital Studios Limited是香港 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspi***