按钮设计
Photoshop绘制素雅主题的圆形网页按钮设计教程
先看看效果图1、首先启动Photoshopcs5,执行ctrl+n组合键新建一个大小为800*600,分辨率为200,背景颜色为白色的文档。2、调整前景色为#666666,按alt+delete组合键填充前景色,选择椭圆工具,设置填充颜色为浅蓝色,按住shift在画布上绘制一个正圆。3、双击该图层弹出图层样式对话框,勾选描边,设置大小为6像素,并设置渐变颜色为#333333,角度为90.4、接着设置内投影,设置模式为线性加深,角度为90,距离为6像素,大小为10像素。
Photoshop制作不锈钢主题的网页按钮设计教程
先看效果图1、打开PS软件,新建画布,以下参数提供参考:2、在新建完成的画布上,拉出两条参考线:3、用椭圆工具定中心,定比例画一个园:4、嗯,当然老套的来个图层样,用一个斜面与浮雕数值如下:
详细解析UI设计师如何设计最常见的关闭按钮
读完这篇文章你将会了解到:关闭按钮「x」的设计历史「x」设计的注意事项关闭按钮设计的最佳案例「x」图标在应用中是一个非常常见的交互暗示,可以将烦人的弹窗从内容上进行关闭。无论是模态,对话框还是弹出窗口,都是内容交互中必要的操作元素,我们只需要建立合理的退出方式就好。视觉设计在ux通用设计模式中「退出」(e-x-iting)是非常简单的,你们看到我在 exiting 这个单词中刻意突出了「x」。「x」这个符号的历史可以追溯到20世纪70年代的计算机设计语言,它第一次出现可能是在 Atari TOS(译者注:Atari TOS是雅达利电脑操作系统,在1993年就停产了)菜单中,「x」是退出的命令。它后来被「NeXT」所使用,它为 Windows 的设计带来了灵感,并在1995年随着 Windows 全球大规模的使用而成为关闭的标准符号。讲这段历史,目的是为了说明,没有必要重新造*,使用全世界每个人都能懂的符号更为合适。
详细解析如何提高登录注册的用户体验设计教程
一直想写一篇关于登录注册的文章,对于重度懒癌患者的我来说,注册和登录是噩梦,哪怕再想要体验一个app,只要登录注册流程让我觉得累,下意识就会对这个app产生不友好的印象。相信有不少的懒癌用户也是和我一样的心态。之前做公司的项目时,遇到登录注册页面,由于和游戏沾边的项目,登录注册方式非常多,于是对登录注册产生了很多好奇。为什么不同的app登录注册方式不同,有些是直接第三方,有些又设置的很繁琐。后来看了很多app,分析了一些,登录注册的流程,其实关乎产品的商业模式,也就是战略层,登录注册要在兼顾用户体验的同时平衡商业的价值。今天不讨论关于业务模式的问题,单纯从减少注册登录成本,提高用户注册登录兴趣,提高用户体验的方向讨论下,怎样在登录注册中提高用户体验。1.为什么要登录注册我始终认为,设计师想要做好设计,界面仅仅是其一,不能光想界面好看与否,还要好用与否。俗话说:知其然知其所以然,既然要讲登录注册,首先就来了解下为什么需要登录注册吧。登录注册由来以久,好像所有互联网产品都有这一环节,以至于我们已经忽略了为什么有登录注册。先来回顾下,登录注册的作用。看几张截图:以上截图我们可以看出。登录与注册大体上可以分成强制和开放两种类型,而我们思考的切入点就是在这两种类型之间做取舍,产品属性决定登录注册形式,不同的产品类型,对登录注册模块的需求不同。比如,纯工具类产品:输入法、日历、相机、便签、安全工具等,不需要用户登录注册就可以使用产品的绝大部分甚至全部功能,此时就没有必要添加登录注册模块。比如,电商、金融类产品,设计到交易、用户信息等比较私密的信息,就必须单独添加登录注册模块,确保用户的个人信息的真实性以及安全性。再比如,社交社区类产品,可以设置独立的登录注册模块;可以直接借助于第三方平台,这样反而更有利于产品的传播扩散;也可以两者皆有。2.登录注册对于产品体验的影响没有一个用户愿意在登录/注册上花费太多时间,因此易用便捷是用户的基本需求。快速简洁的注册登录体验,可以有效增加转化率。在此基础上,需要结合内部需求,规划要给用户提供几种登录/注册方式,其中对登录失败的处理机制也是需要关注的点,例如找回密码、手机收不到验证等,不过文章暂不讨论。