移動端
網頁設計水平在很大程度上決定了產品的客戶瀏覽率。簡潔,清晰,高效建立在高度提煉的基礎之上。簡捷不只是簡單的刪減,而是建立高效準確并有秩序的系統和方法。
以iOS7為例:整體界面的改版遵循iOS7并采用了連貫統一的全新架構,將貫穿于整個系統。系統的建立應該具體到每一個細節之上,考慮到他的擴展性以及對其他元素是決定為的影像。柵格化的比例構成,字號、字距、行距、字體樣式,每一個不同層級元素互相接觸時之間的柵格化標準。圖標的狀態變化,點擊反饋的規則。這些都是為了通過在每個標準系統中把各個單獨的元素之間達到和諧一致。
整個iOS7設計的目的是把界面的設計有序的隱藏,來使得內容展現的最大化。
1、重審視對擬物,擬真化設計的定位。設計在內容之中起到的是輔助作用。
2、 使用大量的負空間。負空間使重要的內容和功能更加明顯和容易理解。負空間也可以傳授一種安寧和 平靜,它能使一個應用程序看起來更專注和高效。
3、利用整個屏幕。利用背景來傳達整個主體信息氛圍,比如天氣的設計。
4、半透明設計暗示背后的內容。
5、巧妙的顏色可以使得UI變得更加簡潔。用顏色來區分不同的應用視覺系統。
6、無邊界的按鈕。
7、系統字體的選取提高了閱讀性。系統字體可以自動調節字符間距、線間距和行間距。
8、 利用層級關系的規劃和設計,幫助用戶對目前應用的狀態和產品的邏輯關系加以理解。通過動畫來隱喻出產品層級設計來龍去脈以及層級關系,讓用戶知道當前的層級和回去的路線。
關于移動端網頁設計還需要設計師和交互設計很好的溝通,最后得到一個相對于用戶來說完善的手機網頁設計界面和功能。