当前位置:首页 >  站长 >  建站经验 >  正文

手机建站该如何设计?

 2019-11-04 15:46  来源: 今日头条   我来投稿 撤稿纠错

  域名预订/竞价,好“米”不错过

前面说过,在建立手机站的时候设计师应该注意排版的几个问题。那些也只是些基础的问题,现在我们再来看下手机建站时,设计师还应该在哪些问题上值得注意。

1.功能性

保持平衡美观的UI是远远不够的,功能也是同等重要的。手机文本设计还要产生实际的作用,比如满足我们的一些操作,像购买产品,下订单或预订机票。文本需要清晰指示用户能做什?接下来可以做什么?确保用户可以轻松地执行操作。功能性文本需要突出,可点击的元素应该足够大,以便用户可以点击它们。

2.字型和品牌

同一款app或系统,建议使用单个字型并演变几种不同字体变体和不同尺寸。混合几个不同的字型会使您的界面看起来分散和混乱。通常,品牌或应用程序拥有自己的预设字型。苹果使用San Francisco, 诺基亚使用Nokia Pure,Google 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 的方式来快速布局你的页面,文本组件有单行文本和多行文本的组件,并可对其进行例如颜色,尺寸,对其方式,字体选择等各种属性设置,并且可以添加交互。新版本加入了文本数据填充功能,可对文本内容进行单个和批量填充,十分便捷。此外,你可以直接手机上直接查看,是否具有较高的可读性。

A5创业网诚邀优质企业合作,为企业提供各种宣发服务。撰写企业推广文案,投放优质渠道。详情请扫描下方二维码咨询。

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关标签
手机建站

相关文章

  • 为什么要建手机网站?分析建设手机网站六个方面的优点

    很多企业都有自己的网站,但是随着智能手机越来越普遍,建立手机网站视乎成为了必要的了,虽手机网站与传统网站有着很大的区别也是另外一个原因。下面就来为您分析一下这个问题。笔者认为建设手机网站有以下几个方面的优点

  • 怎么快速建出一个手机网站?建手机站全过程

    怎么快速建出一个手机网站?手机网站目前正在流行,但绝大部分都不会做这种网站,因为毕竟是一种新技术,其实即使你不会建网站,不会代码,什么都可以不会,你也能免费建设一个高端的手机网站。下面小编就为大家介绍建手机站全过程,来看看吧

    标签:
    手机建站
  • 手机建站四大核心组成部分

    移动设备接入网络的方式通常有两种,自带移动网络或WIFI,而这种接入方式使得网站更容易入用户建立情感。

    标签:
    手机建站
  • 手机建站留住客户有妙招

    内容永远是最重要的一环,使用手机登入网站的用户大多会专注于一个问题,更希望得到一个问题详尽的答案。

    标签:
    手机建站
  • 三个小知识 教你全方位认识手机建站

    目前市面上的手机网站建设平台虽然数量很多,但质量高的就没多少了。所以大家一定要慎重选择,免得被坑。建站团队的技术水平、模板设计质量、模板数量、过往成功案例、系统稳定性和安全性、售后服务水平等,都是你需要好好调研的部分。有了趁手的建站工具,才能让新手顺利建站,不然就会白白浪费时间和精力,还做不好网站。

    标签:
    手机建站

信息推荐