小梁建站专注重庆中小企业网站建设SEO优化,让您网站更具价值!

当前位置:首页 > 视频教程 > 网页界面控件的图标按钮和超链接设计基础知识

网页界面控件的图标按钮和超链接设计基础知识

时间:2018-08-09 23:35 来源:重庆网站制作公司(www.seozol.cn) 作者:重庆网站建设公司

 
网页界面控件的图标按钮和超链接设计基础知识

 
网页界面控件的图标按钮和超链接设计基础知识
控件是使用者同数字产品进行交流的屏幕对象,具有自包含性。也叫“小部件”、“小配件”、“小零件”,是创建典型图形用户界面的主要构造模块。
 
根据用户目标,控件可分为四种基本类型:
 
命令控件,用于启动功能
 
选择控件,用于选择选项或数据
 
输入控件,用于输入数据
 
显示控件,用于控制应用“如何”及“在哪里”展示它自己及数据
 
 
命令控件
 
 
与动词相对应的控件类型叫做命令控件,它产生即将执行的动作。代表的控件即“按钮”。
 
江津企业网站按钮设计发展阶段
 
3D阶段:用户用鼠标单击时,按钮在视觉上回发生改变,从凸起变为凹下,表示已激活。
 
边框阶段:用户现已将矩形形状同按钮牢固地联系在一起,就算扁平化设计去掉了按钮本身的受范性,用户也能一眼识别。况且有的会通过颜色变化来表示激活,如果没有任何变化,会让用户感到不安。
 
蓝色文字阶段:现在移动端好多按钮运用了有颜色的文字表示按钮。
 
江津企业网站图标按钮设计知识
 
图标按钮在工具栏中被广泛使用。在按钮从对话框转移到工具栏的过程中,外观从长方形变成了正方形,上面的文本标签也变成了图标标签。于是“图标按钮”这种半图标、半按钮的习惯用法就产生了。
 
优点:总是可见,不需要花费太多时间去寻找,易于操作,便于记忆。
 
缺点:新手用户难以理解突变的含义,虽然可以使用“工具提示”,但也并不直接,运用文字说明是最合适的但比较占用屏幕空间(Ribbon控件)。
 
超链接
 
超链接的一般形式是具有蓝色的带有下划线的文本,可以作为浏览导航的命令控件。超链接最初的用途是将用户带到下一个网页,或展示被点击文本的详细含义等。现在已经可以实现更多用途,比如它是构建复杂交易网站的导航基础。一般来说,链接应该被用在浏览内容上。
 
图片也可以作为超链接,不过由于图片缺乏示能性,特别是在移动设备中,无法使用鼠标悬停来暗示受范性。
 
Web设计小技巧:在同一界面相邻的位置上,同时运用按钮和超链接。按钮用于常用的缺省选择,而超链接用于另外一个不常用的选择,用户可以二选一。
 
 
因为按钮的视觉权重和屏幕像素的使用都比超链接要大,因此方便了用户的选择,但不能滥用,会降低用户对江津企业网站和品牌的信任感。
 
 
江津企业网站建设总结与感悟:对按钮多了一分认识和思考。

版权声明:本文:网页界面控件的图标按钮和超链接设计基础知识 由重庆网站制作公司(www.seozol.cn)原创内容,如需要转载请注明原文网址:重庆网站建设公司http://www.seozol.cn/

 
喜欢看,就分享到:

围观: 9999次 | 责任编辑:重庆网站建设公司

回到顶部