愛賺錢網
首頁 網賺雜談 網絡賺錢 微 商 金 融 建 站 互聯網 淘寶開店 電子商務 創 業 省錢購物 網站建設 聯系我們
網賺大全  網站建設  微信賺  有賺網  24趣吧  聚享游  第一調查網  優惠購物  立領一元  領券購物
您現在的位置:首頁 >> 建站 >> 建站前需要知道 >> 內容

如何系統的進行改版設計

做改版設計大體思路很簡單,只需要做好兩件事:發現問題與解決問題。

上一期我們做了改版設計的第一步──發現問題,今天我們來做第二步──解決問題!

經過分析,我發現一個很有趣的事情,就是上期提出的問題與問題之間還有很多其他維度的共性,于是我再次分類,得到以下三種類型:

1、規范統一類問題

例如:文字、顏色、控件、圖標有太多的不統一、不規范。

2、設計風格類問題

例如:圖標、卡片風格陳舊。

3、信息層級類問題

例如:信息布局層級、卡片文字層級。

我們來分別講解,并給出相應的解決思路。

1.規范統一類問題

圖標線條粗細不一致,文字各種大小,顏色各種亂用,其實這些都是規范沒有制定好的原因,也就是我所講的規范類問題。

如何解決呢?

我們需要先定好一個前期規范,然后隨著場景的增加,再不斷調整規范,但是千萬不能在沒有任何指導原則、目標的情況下就開始天馬行空的設計,那樣最后一定會亂作一團,尤其是在團隊合作的情況下。

舉幾個例子(上期的問題):

1.1.文字各種大小、顏色,如下圖:

我們需要拉通所有場景,來進行分類,最后給出一個前期規范:

比如定義一級標題的文字為24pt,二級標題的文字為18pt,正文為14pt,輔助性文字為12pt。

文字的顏色,重要型文字使用#333333,普通型文字使用#666666,輔助型文字使用#999999。

對于文字的加粗問題,整個頁面,要么主標題都加粗,要么都不加粗,如果有些加粗有些又不加粗,別人也許就會覺得我們做的不夠嚴謹(當然特殊場景除外)!

1.2.圖標線條粗細不一致

這是一個非常不應該發生的錯誤,在具體設計執行前,需要將描邊粗細的規范提前制定好,例如統一為2px。

如下圖:

1.3.顏色亂用

顏色也需要我們輸出前期的基礎規范,考慮好他們的使用場景,以免在設計的時候胡亂用色,使最后產出的頁面雜亂無章。

比如主色、輔助色、灰度色等等。

以前有寫過一篇關于規范的模板,有需要的可以去看看,這里就不具體展示了。

網址如下:核桃App界面設計及設計規范

1.4.控件樣式不統一

明明是一個控件,卻要用兩種樣式。

我們需要擇優做好一個,然后放進控件庫中,等到需要的時候直接調取。

通過上面幾個例子,大家會發現,如果前期規范沒有做好鋪墊,后面的設計就會很難把控,尤其是當頁面越來越多的時候。

2.設計風格類問題

這一類問題都發生在具體設計的時候,

如何解決呢?

我的解決思路如下(其實這個思路適用于大部分問題):

(1)分析自己產品的問題(上一期已經分析過)

(2)看看競品都是怎么做的

(3)結合自己產品的屬性、業務需求等因素進行優化

舉例開始

2.1 卡片樣式不夠精致

先看看我們的卡片:

上一期我們已經分析出這個排行榜卡片的問題:前三名的序號過于搶眼,且樣式不美觀。

接下來我們需要做的就是看看競品都是怎么處理的,因為看競品是我們做設計必須要經歷的一步,千萬不要憑空想,會浪費很多時間。

我找了幾個競品網站的排行榜卡片設計,部分截圖如下:

我們會發現競品的卡片前三名序號顏色都是統一的(當然有些網站也不是這樣的),雖然網易新聞官網的卡片用了紅色,但是為了避免過于刺眼,它沒有用色塊的形式,而是僅僅使數字加大變紅。

作者:互聯網 
發表評論
  • 大名:
  • 內容:
評論列表
300*250本站大幅廣告位招租聯系qq1163594158
本類推薦
  • 沒有
  • 愛賺錢網(www.qgxfbz.live) © 2019 版權所有 All Rights Reserved.
  • 本站大部分文章來源于會員,如有侵權,請及時聯系站長刪除,友情提醒:互聯網投資有風險,投資需謹慎,有什么不懂可以隨時咨詢 站長qq:1163594158 群125622580 閩ICP備13003263號-1
  • Powered by 奇緣文學網
  • 辽宁35选7开奖结果,今天