如果您有設計桌面網站的經驗,您可能會發現它很難設計的移動。您的設計不僅應該是有吸引力的,也應該對移動多用户是友好的。當涉及到移動裝置的設計時,主要的問題是屏幕尺寸。平板電腦和手機的屏幕比台式電腦要小得多。但您仍然應該為移動多用户提供方便的導航,並確保無縫的多用户體驗。
原則 1:可用性
這些天,一個設計師應該創造美麗的界面與可用性在頭腦中。要實現最大的有效性的網上商店設計,您應該得到更好的瞭解。從研究開始,回答以下問題:這裏賣的是什麼產品?這家商店的顧客是誰?哪些選項應該是可用的?這些選項中哪個更重要?
您可能會想:這一切是否與手機設計有什麼聯絡?不是。原因在於在小屏幕尺寸,應該只包含那些塊和選項。可用性是不是一個客户看到,它的東西,他覺得當他瀏覽雖然移動儲存。
原則 2:原型設計
一旦您收集了公司的所有必要的信息,您可以得到它的移動網站的設計。最好是從一個原型開始,這大大簡化了這個過程。一個原型應該包含所有頁面結構元素:文字塊,影像,鏈接,按鈕,標題和字幕,您可以用如 PS 圖象處理軟件或 Axure,建立不同的原型在紙上。
首先,一個原型將有助於您更好地瞭解專案。在建立它的同時,您會仔細地考慮所有的元素和它們的位置,所以下一階段,繪製您的設計,將更容易。其次,通過建立一個原型,您節省了大量的修正時間。
在建立一個原型之前,您應該決定您要建立一個裝置:一個手機或平板電腦。此外,考慮到這些裝置中的每一個都有縱向和橫向模式。記下在您的原型上應該找到的所有的結構元素,不要忘記任何東西。對於一個線上商店的主頁,我們將需要這些:標誌,結帳,搜索欄,導航,產品塊與影像,標題,簡短的描述和價格,以及一些一般性的文字有關的文案。跨飛獨立站 (https://www.kuafei.com),專業 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷等產品服務,歡迎新老顧客前來諮詢!諮詢熱線或 QQ