界面設計

QQ for Pad: 扁平化設計。 瀏覽器

層      按功能的重要性分層次: spa

            內容:核心, 設計

                 快鏈:用戶自定義入口; 圖片

                  擴展:瀏覽器將來的新型入口; 擴展

                  輔助:做爲對瀏覽器功能性的擴展 下載

                         書籤:用戶個性收藏; co

                         設置:高級用戶的個性化設置; background

                         下載:該出現的時候纔出現; 界面

 再按上下結構梳理:

                            內容

                                   快鏈

                   輔助                擴展

        書籤           設置    下載        幫助

視覺上的表現層就有了。

扁平化,去掉質感。

第一層存扁平化;爲了區分視覺結構,第二層加淡淡的質感。

最左邊的多窗口切換功能,方便左手只要動下拇指就能切換窗口。//這裏注意:任什麼時候候,設計界面要考慮用戶所握/持設備的動做,手所在的位置。手機通常一隻手操做,右手拇指。平板通常雙手操做,左右拇指。橫屏豎屏也要考慮到不一樣。

扁平化設計的好處是無UI設計,背景能夠方便的切換圖片,從而達到換膚的效果。

相關文章
相關標籤/搜索