Day: October 17, 2021

網頁設計

如何做好手機端網頁設計

你有沒有想過? 移動端頁面總是做不好,是設計水平不夠還是方法出了問題? 在日常生活中，大部分人對於手機的使用度遠超過桌面電腦，隨著5G時代的到來，對於手機的依賴程度仍呈現上升的趨勢，而早在幾年前，PC端流量就開始呈現斷崖式的下滑。時至今日，有90%-95%的流量來源於手機端，所以手機端頁面就成了現在設計的重中之重。 一、手機端網頁設計需要注意什麼? 1、內容識別性 這裡就要問：做設計的目的是什麼?是做出來一張複雜、炫酷、NB的圖就是好的設計了嗎?當然不是，而是結合設計手法，將需要表達的信息通過圖文並茂的方式向用戶準確無誤的傳達，向用戶傳遞信息才是核心。 這也是很多設計師在做手機端頁面的一個通病，仍然按照PC端設計思維進行，忽略了在手機上實際的效果呈現，這樣的作品會讓設計工作大打折扣，事倍功半。所以我們應該有竪版作圖的思維： 2、內容流暢度 很多人在做頁面設計時，往往只關注局部而忽略整體，導致內容流暢度缺失，無法激起用戶繼續閱讀的興趣。這也直接或間接的影響了用戶在頁面上的停留時間，對於內容傳播也起到了很大的阻礙，商業價值也會隨之降低。為什麼手機端頁面的內容流暢度相對難把控呢? 因為手機相比電腦而言，屏幕更小，對於信息的的捕捉能力遠小於電腦。若把控能力不強，頁面元素稍多一些就很容易亂。 二、手機端網頁設計與PC端的區別 區別一：視覺瀏覽比例不同 在設計工作進行時，PC端頁面在PS中實時瀏覽的視覺效果，基本上就可以對應其完成上線後的實時效果，電腦上視覺瀏覽比例和上線比例近乎1 : 1;而手機端頁面在PS里實時看到的效果與真正在APP中展示的會有很大差距，電腦上視覺瀏覽比例和上線比例1 : ?，如下表所示： 設計 屏幕分辨率 PPI 狀態欄高度 導航欄高度 標籤欄高度 iPhone6P、6SP、7P 1242×2208 px 401PPI 60px 132px 146px iPhone6 – 6S – 7 750×1334 px 326PPI 40px 88px 98px iPhone5 – 5C – 5S 640×1136 px 326PPI 40px 88px 98px iPhone4 – 4S […]

Read More