主页 > 新体验 > 设计沙龙 > UI界面设计
  • 手机网站UI设计技巧

    adinnet/2018-02-11 16:44/UI界面设计

    移动端网站UI设计和PC端有很多不同,比如页面尺寸、字体大小、布局规范、分辨率不同等,对于一个新手UI设计师来说,要设计一个美观、实用的手机网站,需要一定的设计经验和技巧。所以本文为大家分享手机网站UI设计的技巧。

    1、要站在用户的角度考虑问题

    设计移动网站的时候,要结合用户浏览网站的环境,要让用户在浏览网站的时候有一种温馨的感觉。例如字体的选择,不要使用那些特殊字体或者是不常见的字体。

    2、界面的设计要有视觉层次

    用户在浏览网站的时候一般是先扫视一下网站的整体,因此我们在设计页面的时候,要通过一些技巧将重要的文字突出,吸引用户的视线。这样用户才会把注意力集中到网站的核心内容上。

    3、网站内容要有可读性

    在移动网站建设的时候,网站的内容更加要注重,一定要保证是可读的,不要让用户在浏览网站的时候停顿思考,否则就会失去用户。手机屏幕比较少,文字不要使用阴影效果或者是反光效果。

    4、设计页面的时候,字体的运用要使用同一套风格

    新手站长在设计移动网站的时候,选择字体的时候都比较困难,因为太多字体了。更简单的一个技巧就是选择同一个系列的字体。

    5、对比手法的运用

    这在页面设计中是比较常见的,对比可以提升网站内容的可读性。文字的颜色比较深,那么背景就要使用浅色的。如果字体和背景的颜色比较接近的话,会影响内容的可读性。因此,设计页面的时候,可以通过对比的方式,让文字更有层次,识别度也更高。

    以上就是移动端网站UI设计的几个技巧,还有一个更大的技巧需要单独拿出来说,那就是响应式网站设计。

    什么是响应式网站设计

    响应式网站设计是一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的布局。

    其设计理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;

    响应式网站设计是未来趋势,上面说的那几个技巧都是建立在响应式网站设计之上的。如果您需要开发一个响应式网站,欢迎咨询艾艺。我们有成熟的响应式网站设计方案,可以帮助您设计一个兼容多个终端的实用美观的移动网站。

上一篇:交互设计中的“无意识错误”:如何帮助用户防错?下一篇:如何用设计思维指导实际工作?这里有份超详细的解答!
400-021-8655
在线咨询
在线留言