博博
仅靠敲代码就搞定背景的网站!得益于CSS技术的进步,现在我们可以敲代码就实现超赞的渐变背景,效果丝毫不输Photoshop,且不受屏幕大小限制,绝对是未来的热门趋势之一,抢先学起来 >>>
渐变的配色怎么办?给你一个在线工具!《新年配色礼包!五款帮你在线搞定配色的WEB APP》
新年刚过,给自己许个愿吧:《新年专属教程!手把手教你绘制简单好学的新年签》
用心设计
1.1 保持过渡的流畅性:一致性与内容感
通过启动页的吸引,将用户带入产品的品牌与情感的世界。基于IOS平台应用的启动特质(放大),Twitter的启动页与Icon采用了一致的 元素与构图(信鸽为物,湖蓝背景为底),确保Icon至启动页的平滑过渡、加深了用户对Twitter的品牌印象,同时呈现“信鸽翱翔蓝天”的意向使得产 品的固有等待(产品启动需要一个过程)不易为用户所察觉(启动页呈现的意向还没遐想完,产品已经顺利过渡到首页了)。接着“信鸽”以同样的效果完成主页内 容的过渡。
一个组件做任何事情之前是怎样的?可能这是用户首次看到它。或者它还没被激活。根本上说就是这个组件存在,但还没有启动。
过去一段时间,有无数关于汉堡菜单的文章,大部分设计师都在抵制使用他,然而这件事的本质并非是图标的错,而是将导航隐藏在图标之下的问题。
这种设计方案对于设计师来说特别省事,根本不用担心有限的屏幕大小,只需要将你所有的菜单项排个序然后放进这个可滚动的浮层中,藏在汉堡菜单里。
然而实践证明,使用可视化的菜单项会提高用户的参与度、满意度甚至是商业利益。这也是为什么现在主流的应用都从汉堡菜单改成底部导航的可见菜单设计。
本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。译文首发于ISUX博客,如在阅读过程中发现错误与疏漏之处,欢迎不吝指出。
屏幕尺寸:指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米。常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。
“ 故事也许是人类最早的叙事方法。大多数人在童年时,故事用来引导他们的行为,了解历史文化和培养社会认同感。”-Form Wikipedia
译者注:本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。译文首发于ISUX博客,如在阅读过程中发现错误与疏漏之处,欢迎不吝指出。后续章节会陆续更新,敬请期待。
通过对用户画像的分析,我们确定了目标用户的痛点和期望,依据已知信息我们需要去做灰色预判,预判哪些功能/内容是用户想要的、哪些是与目标用户不相关的、哪些是与目标用户相关的但不是很重要的。对于不相关的,我们要大胆地删除;对于相关的但不是很重要的,要将其进行隐藏起来,毕竟80%人只用那20%的功能;对于重点内容我们需要细心对待,强化其框架,情景化其流程。
操作面板的重要性毋庸置疑,因为那是人们打开应用首先看到的东西。我们花了数月的时间,反复迭代绘制不同操作面板的原型。我们有许多想法:课程包,让用户从3个随机课程中选择,事件相关的课程话题,或是为与我们有合作的专家和品牌创造特殊组件。可能性总是无穷无尽。
蓝蓝设计的小编 http://www.lanlanwork.com