一、底部導(dǎo)航
- 設(shè)計方案會更簡單,不用滾動條,整個網(wǎng)站用幾個頁面就可以表達,特別適合APP和品牌網(wǎng)站;
- 導(dǎo)航固定在底部,不會被用戶忽略;
- 如果內(nèi)容多可以考慮每個頻道用底部導(dǎo)航的效果,內(nèi)頁用傳統(tǒng)模式,這樣可以承載更多內(nèi)容;
- 使用簡單的框架更容易讓用戶關(guān)注內(nèi)容;
- 在導(dǎo)航上使用引入注目的色彩和字體。
二、方框式設(shè)計元素
- 方框的元素往往成為視覺焦點,無論是圖片還是字體都會成為很好的素材;
- 方框可以稱為視覺上的節(jié)奏,讓所有的元素都有統(tǒng)一的展現(xiàn)形式;
- 方框也可以結(jié)合動畫起到暗示用戶的作用;
- 方框是天然的可交互元素(如:浮層、彈窗廣告等);
- 方框元素 Material Design樣式,特別適合移動端UI的設(shè)計;
體驗線上版本> 體驗線上版本> 體驗線上版本>
三、垂直的豎線
- 這里原是適合做背景紋理;
- 適合一些時尚類的網(wǎng)站做拼圖效果;
- 豎線可以再網(wǎng)頁中不同的媒體之間創(chuàng)建空間感;
- 符合網(wǎng)頁刪格化設(shè)計
- 用垂直的焦點來給設(shè)計帶來新的排版靈感;
體驗線上版本> 體驗線上版本> 體驗線上版本> 總結(jié)
- 方框的元素往往成為視覺焦點,無論是圖片還是字體都會成為很好的素材;
- 方框可以稱為視覺上的節(jié)奏,讓所有的元素都有統(tǒng)一的展現(xiàn)形式;
- 方框也可以結(jié)合動畫起到暗示用戶的作用;
- 方框是天然的可交互元素(如:浮層、彈窗廣告等);
- 方框元素 Material Design樣式,特別適合移動端UI的設(shè)計;
三、垂直的豎線
- 這里原是適合做背景紋理;
- 適合一些時尚類的網(wǎng)站做拼圖效果;
- 豎線可以再網(wǎng)頁中不同的媒體之間創(chuàng)建空間感;
- 符合網(wǎng)頁刪格化設(shè)計
- 用垂直的焦點來給設(shè)計帶來新的排版靈感;
體驗線上版本> 體驗線上版本> 體驗線上版本> 總結(jié)
無論什么時候,你要想把設(shè)計趨勢運用到自己的項目中,都會有一個風(fēng)險,就是你不知道這個趨勢會流行多久?它會讓我的設(shè)計很過時嗎?與其選擇網(wǎng)站全面改版,不如選擇一個時尚的元素,如上面那些,第一它們更容易融入到你的設(shè)計中,第二將來過時了改掉它們也很容易。讓你的網(wǎng)站跟緊潮流的秘訣是,每6個月更新一次設(shè)計,但不要全面改版。