<div id="kdvfz"><span id="kdvfz"><object id="kdvfz"></object></span></div>

        <em id="kdvfz"></em>

        <dl id="kdvfz"></dl>
        <sup id="kdvfz"><ins id="kdvfz"></ins></sup>
        <dl id="kdvfz"></dl>

        <div id="kdvfz"></div>

          <dl id="kdvfz"><ins id="kdvfz"><thead id="kdvfz"></thead></ins></dl>
          <sup id="kdvfz"><ins id="kdvfz"></ins></sup>
            <dl id="kdvfz"><ins id="kdvfz"></ins></dl>

            <em id="kdvfz"></em>

            <dl id="kdvfz"><ins id="kdvfz"><thead id="kdvfz"></thead></ins></dl> <sup id="kdvfz"></sup>
            <div id="kdvfz"></div><div id="kdvfz"></div>
                <dl id="kdvfz"><ins id="kdvfz"></ins></dl><progress id="kdvfz"><tr id="kdvfz"><object id="kdvfz"></object></tr></progress>

                  <dl id="kdvfz"><ins id="kdvfz"></ins></dl>

                    <dl id="kdvfz"><ins id="kdvfz"></ins></dl>

                    <div id="kdvfz"></div>

                    <div id="kdvfz"><ol id="kdvfz"><object id="kdvfz"></object></ol></div>

                    <dl id="kdvfz"></dl>
                      <sup id="kdvfz"><menu id="kdvfz"></menu></sup>

                        <sup id="kdvfz"><menu id="kdvfz"></menu></sup>

                        <dl id="kdvfz"></dl>
                        <em id="kdvfz"><ol id="kdvfz"><thead id="kdvfz"></thead></ol></em>

                            <em id="kdvfz"></em>

                            <div id="kdvfz"></div>
                            <dl id="kdvfz"><ins id="kdvfz"></ins></dl>
                            <progress id="kdvfz"><tr id="kdvfz"><ruby id="kdvfz"></ruby></tr></progress>

                            <dl id="kdvfz"></dl>

                            <em id="kdvfz"><ol id="kdvfz"></ol></em>
                            <em id="kdvfz"></em>

                                <progress id="kdvfz"></progress>
                                  <progress id="kdvfz"></progress>
                                  <div id="kdvfz"><tr id="kdvfz"><object id="kdvfz"></object></tr></div>

                                      
                                      

                                      <dl id="kdvfz"><ins id="kdvfz"></ins></dl>
                                      愛賺錢網
                                      首頁 網賺雜談 網絡賺錢 微 商 金 融 建 站 互聯網 淘寶開店 電子商務 創 業 省錢購物 網站建設 聯系我們
                                      網賺大全  網站建設  微信賺  有賺網  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 卡片樣式不夠精致

                                      先看看我們的卡片:

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

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

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

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

                                      作者:互聯網 
                                      發表評論
                                      • 大名:
                                      • 內容:
                                      評論列表
                                      本類推薦
                                      • 沒有
                                    1. 愛賺錢網(www.lerj.tw) © 2018 版權所有 All Rights Reserved.
                                    2. 本站大部分文章來源于會員,如有侵權,請及時聯系站長刪除,友情提醒:互聯網投資有風險,投資需謹慎,有什么不懂可以隨時咨詢 站長qq:1163594158 群125622580 閩ICP備13003263號-1
                                    3. Powered by 奇緣文學網
                                    4. 姐妹连码

                                      <div id="kdvfz"><span id="kdvfz"><object id="kdvfz"></object></span></div>

                                            <em id="kdvfz"></em>

                                            <dl id="kdvfz"></dl>
                                            <sup id="kdvfz"><ins id="kdvfz"></ins></sup>
                                            <dl id="kdvfz"></dl>

                                            <div id="kdvfz"></div>

                                              <dl id="kdvfz"><ins id="kdvfz"><thead id="kdvfz"></thead></ins></dl>
                                              <sup id="kdvfz"><ins id="kdvfz"></ins></sup>
                                                <dl id="kdvfz"><ins id="kdvfz"></ins></dl>

                                                <em id="kdvfz"></em>

                                                <dl id="kdvfz"><ins id="kdvfz"><thead id="kdvfz"></thead></ins></dl> <sup id="kdvfz"></sup>
                                                <div id="kdvfz"></div><div id="kdvfz"></div>
                                                    <dl id="kdvfz"><ins id="kdvfz"></ins></dl><progress id="kdvfz"><tr id="kdvfz"><object id="kdvfz"></object></tr></progress>

                                                      <dl id="kdvfz"><ins id="kdvfz"></ins></dl>

                                                        <dl id="kdvfz"><ins id="kdvfz"></ins></dl>

                                                        <div id="kdvfz"></div>

                                                        <div id="kdvfz"><ol id="kdvfz"><object id="kdvfz"></object></ol></div>

                                                        <dl id="kdvfz"></dl>
                                                          <sup id="kdvfz"><menu id="kdvfz"></menu></sup>

                                                            <sup id="kdvfz"><menu id="kdvfz"></menu></sup>

                                                            <dl id="kdvfz"></dl>
                                                            <em id="kdvfz"><ol id="kdvfz"><thead id="kdvfz"></thead></ol></em>

                                                                <em id="kdvfz"></em>

                                                                <div id="kdvfz"></div>
                                                                <dl id="kdvfz"><ins id="kdvfz"></ins></dl>
                                                                <progress id="kdvfz"><tr id="kdvfz"><ruby id="kdvfz"></ruby></tr></progress>

                                                                <dl id="kdvfz"></dl>

                                                                <em id="kdvfz"><ol id="kdvfz"></ol></em>
                                                                <em id="kdvfz"></em>

                                                                    <progress id="kdvfz"></progress>
                                                                      <progress id="kdvfz"></progress>
                                                                      <div id="kdvfz"><tr id="kdvfz"><object id="kdvfz"></object></tr></div>

                                                                          
                                                                          

                                                                          <dl id="kdvfz"><ins id="kdvfz"></ins></dl>