<dl id="1pdzy"></dl>

    1. <li id="1pdzy"></li>

    2. 当前位置: 移动互联网学院 > 学院新闻 >17个提升用户体验的 UI 设计小技巧
      17个提升用户体验的 UI 设计小技巧 时间2018-03-19     来源移动互联网学院

      下面由设计师应昼雨成总结了17个提升用户体验的 UI 设计小技巧也是我们日常用到的很基本的技巧对于新手UI设计师建议一看注意案例?#23567;?#23545;与错不是绝对的仅用于参考作用

      01图标保持统一性

      图标是UI设计里非常重要的模块之一最重要的一点是要保持风格统一

      如果是填充型的图标那么一套设计里不要出现线性的图标设计

      其次就是描边大小的统一定下了3px就要全套保持即可

      最后图标要做到识别度和差异性

      02、字体运用保持统一

      字体合理运用是UI设计很重要的一点要么字体很不相同要么就用一款字体

      像第一个案例字体?#20013;?#27604;较接近但是又不是一款字体看久了会非常突兀

      其次就是要突出主视觉文案的时候要尽量把辅助字体缩小形成对比

      03、风格保持统一性

      目前最流行的两种设计方式第一扁平化 第二卡片式

      卡片式最有意思的就是运用?#38431;?#26469;模拟现实的距离感和层级

      如果选用卡片式的设计方式那么全局尽量都要运用上?#38431;?#25928;果不要一块卡片一块扁平风格保持统一很关键

      04、?#38431;?#30340;合理运用

      ?#38431;?#36873;用的颜色正确和错误直接拉低作品的质量

      在工作中按钮等控件使用?#38431;?#23613;量用吸取工具把主色调提取出来把明度压低一些总这要保持同色系的?#38431;?#36825;样才会符合视觉逻辑

      其次如果按钮上?#24418;?#23383;文字尽量不要纯白记?#20040;?#19968;些同色系的淡淡颜色

      05、?#35745;?#31867;APP排版突破

      规则是死的人是活的

      很多时候如果需求是比较宽且走文艺气息的时候要尝试突破原则用一些另类的排版方式其实也是做好设计的本质

      在?#35745;?#31867;app中错落一些的排版会使你的作品更有魅力

      06、适当留白

      好的设计是在最少的元素下还能第一时间突出重点信息

      极简是一种趋势你要减少不必要的元?#20800;?#25110;者简化元素

      不要想着把画面撑满就是好的设计有时候适当的留白会给用户呼吸的空间更重要

      07、正确使用文案

      如果经常用第一种方式给客户看稿件那么你很难通过

      做方案?#20445;?#25991;案符合标题或者产品主旨才?#26657;?#20854;次就?#24039;?#19979;间距一般是20-28,一般用24就够

      千万不要全部放无关的文案很拉低你的设计水准

      08、辅助文字的运用

      辅助文字的合理运用也是提升质感和视觉的关键点

      如果有一个或者多个主要的视觉要?#20800;?#37027;么辅助的文字大小尽量比主视觉要小颜色要比主视觉浅

      比如主文字字号 24px辅助视觉就要14-18左右即可

      09、辅助线段的作用

      线段的作用主要是区?#20013;?#24687;层级

      所以辅助线?#25105;?#33324;采取?#25104;?#35843;处理千万不要过重会显得很脏拉低整体质?#23567;?/p>

      10、引?#23478;?#39118;格统一

      引?#23478;?#30340;作用是引导用户如何使用产品或者提醒更新内容

      不能为了设计而设计要把握住主题针对主题进行图标等元素设计

      比如新增查阅文件夹功能那么就要根据文件?#26657;?#25918;大镜等元素进行设计

      如果用一个扫描仪的元素肯定是错误的了

      其次就是风格的统一如果都是图标或者都是?#35745;?#37027;么全套都要统一

      11、间距的统一性

      间距的统一性是排版中时刻要注意的

      等距等比是保证界面干净整齐的一个关键要素

      ?#23633;?#35201;?#21019;?#22788;一致要么全都不一致

      12、颜色的合理性

      颜色的合理运用是至关重要的

      一个app或者一个界面尽量要保证一个主色调一个辅色调即可

      不要出现干扰或者与主色调无关的颜色这样会导致用户质疑你到底是不是一款产品

      其次就是想让用户点击什么按钮那么取消按钮最好弱化视觉

      13、辅助指引的运用

      这一点是很多人忽视的一款好的设计或者好的产品一定要做好辅助指引工作

      比如上面的两个登陆界面如果再输入过程中有相应的指引那么会减少用户出错的几率也会减少来回点击查看这个框是干什么的次数总之指引很关键

      14、该突出就大胆突出

      很多时候对比突出做到位了才能让用户第一跟进来把注意力集中在一个点上

      比如上面第一个案例?#22909;?#26377;形成鲜明的对比用户进来就会不知道先把注意力集中在哪个点上第二个是正确的作法

      15、让用户知道在什么位置

      用户位置是交互逻辑上很重要的一点

      你要让当前位置足够清晰要一眼看到现在什么位置才是正确的不要害怕对比过程你要做的就是告诉用户我在这里

      16、根据阅?#20102;?#24207;做设计

      人的正常习惯阅?#20102;?#24207;是?#30001;?#32780;下从左到右所以在做某些需求的时候需要考虑阅?#20102;?#24207;这个概念要让用户最快的时间获取到文?#20013;?#24687;

      17、恰当跟随渐变色趋势

       

      总结

      2017年?#28304;?#28120;宝ui改版后渐变色又逐渐流行起来但是也不能盲目跟随还是看产品主要气质

      其次就是运用渐变色彩不要跨色系尽?#23458;?#33394;系根据明度的变化来调节太浮夸太夸张就是不适合的了

      这17个 UI 设计指南都是设计界面的基本技巧还有更多的细节要在项目时自己体会这样就会慢慢进步提升了

      前台专线010-82525158 企业培训洽谈专线010-82525379 院校合作洽谈专线010-82525379 Copyright © 2004-2018 ?#26412;?#21326;清远见科技发展有限公司

      Android培训

      版权所有 京ICP备16055225号京公海网安备11010802025203号
      ٷƱЩ

        <dl id="1pdzy"></dl>

        1. <li id="1pdzy"></li>

            <dl id="1pdzy"></dl>

            1. <li id="1pdzy"></li>