首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

做啥事都的有个标准雄安APP设计开发也不另外

雄安APP开发在多年的经验积累中有一个标准。这个标准一致在公司执行的非常好,雄安APP开发相信不管是个人还是公司做事都有自己的标准。下面雄安APP开发和大家讲解B2B行业APP设计开发时的标准。

大部分标准是B2B行业APP导航栏文字字体、字号、粗细、颜色的一般标准。

第一个常见标准是导航栏是一个用户来到页面最先看到的部分,要引导用户到不同的栏目访问,所以文字要力求突出,这个在前面效果图设计时也讲了。

一般标准:

一,字体:默认字体宋体,导航栏不能采用图片开发,不利于搜索引擎优化,所以只能使用宋体。

二,字号:14PX及以上,由于B2B行业APP的栏目一般不多,大部分不适合像新浪、网易那样做导航栏,一排栏目,是大部分B2B行业APP设计的习惯。部分也有两排栏目、三排栏目的,最多2排导航更合理。所以绝大多数情况下,字号要大于等于14PX,放二排时一部分有一级栏目导航和二级栏目导航,二级栏目的字号可以小一些,最小13PX。

三,粗细:如果导航栏只有一排,绝大部分情况下,都要加粗,如果把一级栏目和二级栏目都写在导航条上,用二排显示,一般只加粗一级栏目。

四,颜色:根据页面效果图来开发,如果导航栏有背景,文字颜色必须要用与背景有很强对比的颜色。

第二中情况是B2B行业APP标题栏文字字体、字号、粗细、颜色的一般标准。

第二种情况是标题栏,他也是一个页面框架设计中最重要的部分,也是需要设计最多的地方,我们设计一个页面,除了内容设计,基本都是在设计标题栏,在页面效果图设计部分也讲的很详细了,这里从标题栏上的文字入手,精确到字体、字号、粗细、颜色来简要讲解。

一般标准为:

一,字体:大部分时候都默认为宋体,因为现在设计APP,大家都喜欢在标题栏的文字上加链接,直接链接到二级或一级栏目的更多内容,文字都不是图片表达的,有的也用CSS来设计一些效果。所以除了一些对效果要求比较高的标题栏以外,我们都只使用所有浏览器都能正常显示的宋体。如果要开发标题栏图片,可以用一些严肃的、商业化一些的字体。

二,字号:14PX,基本没有多少例外,绝大部分的标题栏文字大小都不能低于14PX,有时会更大一些,但是绝大多数情况下都不能小于14PX。曾经一个设计师给我他设计的APP,我怎么看都觉得不对,后来才发现,原来他的标题栏都是使用12PX加粗的,看起来没有层次感,每一个内容块之间区分度不够。

三, 粗细:必须加粗,基本没有例外。

四,颜色:根据页面效果图的颜色而定,文字颜色仍然必须要用与背景有很强对比的颜色。

第三种情况是B2B行业APP导航页“普通内容”链接字号、粗细、行距、颜色的一般标准。导航页一般指APP首页,一级栏目首页等页面,导航页内绝大部分的内容都有超链接,访问者根据链接标题寻找自己感兴趣的内容,所以内容链接的设计就变的非常重要。

一般标准为:

一,字号:12PX,也可以采用13PX,绝大部分时候是12PX。

二, 粗细:细体,不加粗。

三, 行距:一般是20PX,最高不超过23PX,最低不低于18PX,否则要么太高,要么太低。

四, 颜色:绝大部分情况为黑色,代码为:#000000—#333333,为了保护视觉,也有采用灰色的,颜色代码为#444444或#555555。

第四种情况是B2B行业APP导航页“推荐内容”链接字号、粗细、行距、颜色一般标准。为了让内容有主次之分,将重点的内容,读者可能感兴趣的内容让读者优先发现,节省用户去寻找内容的时间,提高APP黏性,对于资讯、技术文章、博客、问答等内容,在APP首页、一级栏目首页都要有编辑推送的内容,这些推荐内容与普通的内容链接样式是具有很大不同的。

一般标准为:

一,字号:大部分都是14PX,对于某个栏目每天或一段时间重点推荐的一条内容,标题会更大,一般是16PX20PX。

二, 粗细:绝大部分情况下,绝对是加粗的,我曾经见到一个设计师设计的APP,推荐的资讯,虽然字号比较大,但是却没有加粗,没有达到引起访问者重点关注的效果。

三,行距:120%以上,一般为150%,否则字大了,上下的距离太紧了,甚至显示不完全。

四,颜色:与普通内容链接的颜色一般是不一样的,使用黑色、红色、蓝色等,为了达到更突出的效果,不仅从字号、粗细等角度突出,还会使用更吸引眼球的亮色(红色、橙色、蓝色等颜色)。

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询