如果您有設計桌面網站的經驗,您可能會發現它很難設計的移動。您的設計不僅應該是有吸引力的,也應該對移動多使用者是友好的。當涉及到移動裝置的設計時,主要的問題是螢幕尺寸。平板電腦和手機的螢幕比臺式電腦要小得多。但您仍然應該為移動多使用者提供方便的導航,並確保無縫的多使用者體驗。

  原則 1:可用性

  這些天,一個設計師應該創造美麗的介面與可用性在頭腦中。要實現最大的有效性的網上商店設計,您應該得到更好的瞭解。從研究開始,回答以下問題:這裡賣的是什麼產品?這家商店的顧客是誰?哪些選項應該是可用的?這些選項中哪個更重要?

  您可能會想:這一切是否與手機設計有什麼聯絡?不是。原因在於在小螢幕尺寸,應該只包含那些塊和選項。可用性是不是一個客戶看到,它的東西,他覺得當他瀏覽雖然移動儲存。

  原則 2:原型設計

  一旦您收集了公司的所有必要的資訊,您可以得到它的移動網站的設計。最好是從一個原型開始,這大大簡化了這個過程。一個原型應該包含所有頁面結構元素:文字塊,影像,連結,按鈕,標題和字幕,您可以用如 PS 圖象處理軟體或 Axure,建立不同的原型在紙上。

  首先,一個原型將有助於您更好地瞭解專案。在建立它的同時,您會仔細地考慮所有的元素和它們的位置,所以下一階段,繪製您的設計,將更容易。其次,透過建立一個原型,您節省了大量的修正時間。

  在建立一個原型之前,您應該決定您要建立一個裝置:一個手機或平板電腦。此外,考慮到這些裝置中的每一個都有縱向和橫向模式。記下在您的原型上應該找到的所有的結構元素,不要忘記任何東西。對於一個線上商店的主頁,我們將需要這些:標誌,結帳,搜尋欄,導航,產品塊與影像,標題,簡短的描述和價格,以及一些一般性的文字有關的文案。跨飛獨立站 (https://www.kuafei.com),專業 WordPress 外貿獨立站網站建設、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷等產品服務,歡迎新老顧客前來諮詢!諮詢熱線或 QQ