做有价值的网站,助力企业发展!

专注于企业网站建设、营销型网站建设、Web/微网站建设、企业营销推广

百度地图|网站地图|RSS地图

服务热线:

133-8386-7325

当前位置:郑州伟之琦计算机科技 > 新闻中心 >> 建站相关 >>

汇总网站建设中如何进行界面设计才不会让人感觉乱糟糟

  优秀的UI界面设计,无论对产品提升用户体验满意度,还是用户对产品粘度都有着非常重要的作用。但很多人可能会感觉自己的界面不够精致,层次有些乱糟糟,怎么看都不太顺眼,这可能就是缺少些界面设计的小技巧,郑州建站公司帮你解决烦恼吧!
  一:字体字号的运用
  字体:
  如果产品同时适配安卓和IOS,推荐使用苹方字体设计;如果IOS端和安卓端分开设计,那就推荐IOS使用苹方字体,安卓使用黑体,如果使用兰亭黑系列需要注意,字号偏大,会导致设计稿和还原效果差别大,不建议使用。
  字号
  在实际设计过程中,需要看具体情况选字号,如果文字较多,分级复杂,这就会涉及到多种字号混排,具体做法如下:
  1)不同层级的文字字号不能太接近;
  2)页面出现大段文字时,尽量选用标准字重的字体;
  3)相同层级的内容字体字号应保持一致。
  二:颜色运用
  设计规范里往往会给一个品牌色,几个辅助色,几个黑白色供使用,但真正运用的时候未必那么容易,这就需要:
  1.黑白灰
  1)避免使用纯黑色:在黑色中加一点点的色彩倾向,会让界面看起来更自然;
  2)文字排版:文字颜色可用不同灰度拉开对比,把信息层级区分开来。
  2.彩色
  1)631原则:主色调:次要色调:强调色调= 6:3:1,通常品牌色不要超过整页面的30%,色彩比重太多会让界面显得很躁,而且容易造成秩序混乱。
  2)渐变色小技巧:渐变色非常流行,如果对调渐变色不是太懂,可以尝试:先确定颜色,然后打开色盘,在相邻颜色左右各取一个,然后把左侧颜色的明度提高,把右侧颜色明度降低,这样的渐变色看起就会舒服很多。
  三:阴影的运用
  阴影是网页设计中不可或缺的部分,即使在超扁平风格盛行也没有停止对阴影的喜爱。从视觉上看,阴影为二维界面增加厚度,让用户把界面和现实世界关联起来,有助于用户理解界面的各个模块意义和交互方式。
  1.垂直偏移阴影效果更自然
  一般光源都会在物体偏上的位置,而投影则会在物体偏下的位置。
  2.用阴影分割比描边更优雅
  用投影分割界面,不会分散用户的注意力,而且还让内容更聚焦。
  3.阴影不一定是黑色的
  不同环境色对阴影的颜色也会有影响。
  4.弥散阴影
  弥散阴影和普通阴影的区别是物体与光源的相对大小不同,而且给用户传达的感觉也不同,通常弥散阴影会给一种精致的感觉,适合做精致图标或小控件。
  四:留白的运用
  留白指的是某个区域是空的,没有别的装饰和元素正确的留白能让界面更有节奏,更精致,层级更清晰,阅读更轻松留白方式。
  1.文字1.5行间距:这是给读者最舒服的阅读体验。
  2.亲密关系法:关联大的元素留白小些,关联小的元素留白大些。
  3.元素大小适中:合适的元素大小能让界面会呼吸。
  其实,在网页界面设计中的小技巧还有很多,以上四个是比较重要的,可以在设计过程中多试试,熟能生巧,多总结经验,相信会对设计越来越得心应手,水平也会大大提升。

原创声明:本站文章未经许可请勿擅自转载,如需转载请注明出处<郑州网络公司>

案例展示