移動端網(wǎng)頁設計案例 為什么移動端UI要有設計規(guī)范?
為什么移動端UI要有設計規(guī)范?您好,我認為至少有三個理由可以說明為什么應該有移動終端的設計規(guī)范。1. 對于設計師:為后續(xù)版本迭代和多人合作提供指導,保持產(chǎn)品的統(tǒng)一性;由于一個項目從開始到下一次更新迭代
為什么移動端UI要有設計規(guī)范?
您好,我認為至少有三個理由可以說明為什么應該有移動終端的設計規(guī)范。
1. 對于設計師:為后續(xù)版本迭代和多人合作提供指導,保持產(chǎn)品的統(tǒng)一性;由于一個項目從開始到下一次更新迭代需要很長時間,可能會有很多設計師參與,但每個人的風格不同,會影響整體視覺體驗,所以有了規(guī)范,設計師就可以在產(chǎn)品視覺上得到統(tǒng)一,便于更新迭代。
2. 對于開發(fā):提供標準化的組件樣式以減少開發(fā)重復時間。
因為有了規(guī)范,以后的維護就方便多了,設計師不需要再做標記,開發(fā)時也不需要重新寫樣式,直接修改內(nèi)容。
3. 對于用戶:符合大眾的視覺體驗。因為在現(xiàn)實中,人們在設計移動終端產(chǎn)品時,一般都有字體、圖標間距等方面的習慣
下圖展示了我收集的一些規(guī)范,與大家分享。讓我們一起學習
樹形結構是搜索引擎的最愛
網(wǎng)站導航是最常見的內(nèi)部鏈接。常見的網(wǎng)站導航包括頂部主導航、面包屑導航、側邊欄導航、底部導航等,我們應該注意這些導航,盡量使用文本,這有助于搜索引擎順利捕獲。網(wǎng)站導航中的鏈接文本應該準確、自然地描述頁面的內(nèi)容,以便搜索引擎通過鏈接文本了解這些欄目的具體內(nèi)容。最好在每個頁面上都有一個導航欄,以方便搜索引擎索引。
列表頁優(yōu)化主要是對欄目或頻道列表頁的優(yōu)化。從內(nèi)容上看,列表頁應該遵循相關性原則。列表頁面的鏈接最好是鏈接與列表頁面內(nèi)容相似的文章,這樣會使列表頁面的內(nèi)容具有一定的主題。列表頁的顯示形式通常是分頁顯示。頁碼鏈接添加在頁面底部,以指導搜索引擎索引列表的每個分頁。
由于相關文章內(nèi)容相似,會增加頁面上主要關鍵字的出現(xiàn)頻率,有利于提高關鍵字的權重。同時,相關文章還可以提高用戶的閱讀體驗,讓用戶能夠閱讀到更詳細的內(nèi)容。在內(nèi)容頁面中,您可以將與內(nèi)容頁面相關的文章列表添加到頁面末尾,并引導搜索引擎根據(jù)這些鏈接捕獲相關頁面進行索引。為了方便搜索引擎抓取,相關文章的列表不應該放在JS文件中,而應該添加到頁面的內(nèi)容中。
網(wǎng)站地圖通常是為搜索引擎設計的。在單個頁面中,網(wǎng)站的大部分重要頁面都包含在一起,這相當于一個完整的網(wǎng)站文章索引。搜索引擎可以很方便地快速找到和抓取頁面。需要注意的是,網(wǎng)站地圖上的鏈接越多越好。它需要限制在100個鏈接以下的搜索引擎將自動忽略其余的鏈接。
網(wǎng)站設計的原則是什么?
PC端和移動端網(wǎng)頁設計的字體規(guī)范是什么?
電腦網(wǎng)頁的默認字體是宋體。我們在重新設計時需要注意歌曲的字體。必須選擇最小12像素的漢字,字符屬性為“無”。因為宋體中文只有12個像素,所以只能看得很清楚。當它大于12或14時,我們通常用黑體字。最小的英文宋體可以是9像素,很少使用。對于移動終端上的IOS,我們將字體設計為apple,對于Android,我們使用粗體字體。