芙蓉王vi设计的核心价值在于为企业打造独特的品牌,芙蓉王vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“芙蓉王vi设计”配图为本公司设计作品
考虑到移动网络使用的逐年增长,现在越来越多的人开始关注如何让网站在小屏幕上对访问者更具响应性、适应性和用户友好性。一个经常被忽视并且很容易导致挫败感的关键领域是联系方式。无论用户是在登录网站、注册过程的中途还是在完成在线订单的最后阶段,良好的可用性和高质量的移动体验都是成功的关键。
许多简单的超文本标记语言和半铸钢钢性铸铁(Cast Semi-Steel)实践将使您的联系人表单对移动设备上的访问者来说更加用户友好和优雅。
风格形式的输入更容易触摸控制
将触摸友好的半铸钢钢性铸铁(Cast Semi-Steel)样式应用到表单元素中,将使输入、按钮和控件为触摸屏用户带来更好的体验。
表单输入字段将受益于大的触摸目标区域:
输入[type=text],输入[type=url],输入[类型=电子邮件],输入[类型=密码],输入[type=tel]{-WebKit-外观:无;蚊子外观:无;
显示:块;
边距:0;
宽度:100%;高度:40px
行高:40px字体大小:17px
边框:1px纯色# bbb
}
其他形式的输入控件也很容易受益于自定义半铸钢钢性铸铁(Cast Semi-Steel)样式:
复选框受益于更容易点击:
输入[type=checkbox] {
宽度:44px身高:44px
-WebKit-border-radius:22px;-moz-border-radius:22px;边框半径:22px
边框:1px纯色# bbb
}
同样,可以对按钮元素进行样式化和特殊处理:
按钮[类型=提交] {
-网络工具包-外观:无;蚊子外观:无;
显示:块;
边距:1.5 em 0;
字体大小:1em行高:2.5厘米;
颜色:# 333;
字体粗细:粗体;
身高:2.5em宽度:100%;
背景:# fdfdfd背景:-moz-linear-gradient(top,#fdfdfd 0%,# bebebe 100%);背景:-WebKit-渐变(线性,左上,左下,颜色停止(0%,#fdfdfd),颜色停止(100%,# bebebe));背景:-webkit-linear-gradient(top,#fdfdfd 0%,# bebebe 100%);背景:-哦-线性-梯度(顶部、#fdfdfd 0%、# bebebe 100%);背景-女士-线性-梯度(top,#fdfdfd 0%,# bebebe 100%);背景:线性梯度(到底部、#fdfdfd 0%、# bebebe 100%);
边框:1px纯色# bbb
-WebKit-border-radius:10px;-moz-border-radius:10p
注:本文“芙蓉王vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐