<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>
                                      爱赚钱网
                                      首页 网赚杂谈 网络赚钱 微 商 金 融 建 站 互联网 淘宝开店 电子商务 创 业 省钱?#20309;?/font> 网站建设 联系我们
                                      网赚大全 网站建设 微信赚 有赚网 24趣吧 聚享游 第一调查网 优惠?#20309;?/a> 立领一元 领券?#20309;?/font>
                                      您现在的位置首页 >> 建站 >> 建站前需要知道 >> 内容

                                      如何系统的进行改版设计

                                      做改版设计大体思路很简单只需要做好两件事发现问题与解决问题

                                      上一期我们做了改版设计的第一步发现问题今天我们来做第二步解决问题!

                                      经过分析我发现一个很有趣的事情就是上期提出的问题与问题之间还有很多其他维度的共性于是我再次分类得到以下三种类型

                                      1规范统一类问题

                                      例如?#20309;?#23383;颜色控件图标有太多的不统一?#36824;?#33539;

                                      2设计风格类问题

                                      例如图标卡片风格陈旧

                                      3信息层级类问题

                                      例如信息布局层级卡片文字层级

                                      我们来分别讲解并给出相应的解决思路

                                      1.规范统一类问题

                                      图标线条粗细不一致文字各种大小颜色各种乱用其实这些都是规范没有制定好的原因也就是我所讲的规范类问题

                                      如何解决呢?

                                      我们需要先定好一个前期规范然后随着场景的增加再不?#31995;?#25972;规范但是千万不能在没有任何指导原则目标的情况下就开始天马行空的设计那样最后一定会乱作一团尤其是在团队合作的情况下

                                      举几个例子(上期的问题)

                                      1.1.文字各种大小颜色如下图

                                      我们需要拉通所有场景来进行分类最后给出一个前期规范

                                      比如定义一级标题的文字为24pt二级标题的文字为18pt正文为14pt辅助性文字为12pt

                                      文字的颜色重要型文字使用#333333普通型文字使用#666666辅助型文字使用#999999

                                      对于文字的加粗问题整个页面要?#31895;?#26631;题都加粗要么都不加粗如果有些加粗有些又不加粗别人也许就会觉得我们做的?#36824;?#20005;谨(当然特殊场景除外)!

                                      1.2.图标线条粗细不一致

                                      这是一个非常不应该发生的错误在具体设计执行前需要将描边粗细的规范提前制定好例如统一为2px

                                      如下图

                                      1.3.颜色乱用

                                      颜色也需要我们输出前期的基础规范考虑好他们的使用场景以免在设计的时候胡乱用色使最后产出的页面杂乱无章

                                      比如主色辅助色灰度色等等

                                      以前有写过一篇关于规范的模板有需要的可以去看看这里就不具体展示了

                                      网址如下核桃App界面设计及设计规范

                                      1.4.控件样式不统一

                                      明明是一个控件却要用两种样式

                                      我们需要择优做好一个然后放进控件库中等到需要的时候直接调取

                                      通过上面几个例子大?#19968;?#21457;现如果前期规范没有做好铺垫后面的设计就会很难把控尤其是当页面越来越多的时候

                                      2.设计风格类问题

                                      这一类问题都发生在具体设计的时候

                                      如何解决呢?

                                      我的解决思路如下(其实这个思路适用于大部分问题)

                                      (1)分析自己产品的问题(上一期已经分析过)

                                      (2)看看竞?#33539;?#26159;怎么做的

                                      (3)结合自己产品的属性业务需求等因素进行优化

                                      举例开始

                                      2.1 卡片样?#35762;还?#31934;致

                                      先看看我们的卡片

                                      上一期我们已经分析出这个排行榜卡片的问题前三名的序号过于抢眼且样式不美观

                                      接下来我们需要做的就是看看竞?#33539;?#26159;怎?#21019;?#29702;的因为看竞品是我们做设计必须要经历的一步千万不要凭空想会浪费很多时间

                                      我找?#24605;?#20010;竞品网站的排行榜卡片设计部分截图如下

                                      我们会发现竞品的卡片前三名序号颜色都是统一的(当然有些网站也不是这样的)虽然网易新闻官网的卡片用了红色但是为了避免过于刺眼它没有用色块的?#38382;?#32780;是仅仅使数字加大变红

                                      作者互联网
                                      发表评论
                                      • 大名
                                      • 内容
                                      评论列表
                                      300*250本站大幅广告位招租联系qq1163594158
                                      本类推荐
                                      • 没有
                                    1. 爱赚钱网(www.lerj.tw) © 2019 版权所有 All Rights Reserved.
                                    2. 本站大部分文章来源于会员如有侵权请及时联系站长删除友情提醒互联网投资有风险投资需谨慎有什么不懂可以随时咨询 站长qq1163594158 群125622580 闽ICP备13003263号-1
                                    3. Powered by 奇缘文学网

                                      <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>