249045439
网站设计

手机网站建设在原型设计、响应式设计方面有哪些注意点

发表日期:2024-01-21   作者来源:www.lajiaoxiu.com   浏览:0   标签:手机网站制作    

前面说过,在打造手机站的时候设计师需要注意排版的几个问题。那些也只不过些基础的问题,目前大家再来看下手机网站制作时,设计师还应该在什么问题上值得注意。

1.功能性

维持平衡美观的UI是远远不够的,功能也是同等要紧的。手机文本设计还要产生实质有哪些用途,譬如满足大家的一些操作,像购买商品,下订单或预约机票。文本需要明确指示用户能做什?下面可以干什么?确保用户可以轻松地实行操作。功能性文本需要突出,可点击的元素应该足够大,以便用户可以点击它们。

2.字型和品牌

同一款app或系统,推荐使用单个字型并演变几种不同字体变体和不同尺寸。混合几个不一样的字型会使你的界面看着分散和混乱。一般,品牌或应用程序拥有我们的预设字型。苹果用San Francisco, 诺基亚用Nokia Pure,谷歌 Android用Roboto。

苹果依据商品功能选择字体。比如, iOS7 用了(Pro)Light,iOS9 用SF-UI,而在iOS10 中,San Francisco的字体版本是SF UI Text 和 SF UI Display。

3.文本样式

尽量用内置文本样式。内置的文字样式可让你以视觉上独特的方法表达内容,同时维持好的易读性。这类风格基于系统字体,并且你可以借助重要的排版功能,比如动态种类,可自动调整每种字体大小的字距和行距。

4.响应式设计

手机设施有不一样的尺寸。响应式设计也已经应用于手机设计。响应式排版成势必为这一趋势的要紧原因。上述所有元素,任何错误用或许会破坏整体手机UI设计。设计师需要考虑手机排版在不同设施上的外观。

5.原型设计

文版排版设计在不少设计范围类都至关要紧,原型设计中也是必不可少,出色的文本排版,可以和其他元素组件一同服务于干净的UI界面。但在原型设计中,文本无需拥有真的的意义。在 XCode 中调整代码,在 Sketch 中修改设计都太慢太麻烦了,可以试一试国内最棒的原型设计工具Mockplus,Mockplus 自带了很多标准组件,你可以直接通过 Drag & Drop 的方法来迅速布局你的页面,文本组件有单行文本和多行文本的组件,并可对其进行比如颜色,尺寸,对其方法,字体选择等各种属性设置,并且可以添加交互。新版本加入了文本数据填充功能,可对文本内容进行单个和批量填充,十分便捷。除此之外,你可以直接手机上直接查询,是不是具备较高的可读性。

本文标题手机网站建设在原型设计、响应式设计方面有哪些注意点

如没特殊注明,文章均为建站精灵 原创,转载请注明来自http://www.huijianjun.com/news/3/7392.html