九微米|设计启发:再穷不能穷设计( 二 )
本文插图
跟元素的尺寸大小同等重要的还有元素间的留白 。 一个元素看起来毫无任何组织和规则 , 能分散人们的注意力——比如一些照片重叠而其他的则互相之间留有大量的间距 。
创建并坚持于一种通用的留白规则的最好方法是使用栅格系统 , 该系统中那些无形的线条将帮助你决定在哪里放置以及如何放置一个元素 , 从而使得每一个像文本、按钮、图片这样的独立元素都能够表现的十分协调 。
在你考虑留白设计时 , 一定不能忘了去检查在垂直和水平方向上的一致性 。 既要留意那些相似元素的关系也不要疏忽那些不同元素间的关系 。
5、跨媒介的视觉效果
本文插图
品牌的视觉效果 , 比如平面图和插画 , 都应该兼容于不同媒介 。 无论你的设计是面向一个网站或者宣传手册 , 广告牌或社会化媒体 , 品牌的视觉效果都不应该随媒介的变化而改变 。
这通常涉及到要使用一组通用的图片处理方式 。 有些品牌对于如何正确的传达视觉效果会有一些明确的细则——比如色彩叠加或者水印效果以及图片长宽比设置等等 。 不管你要设计的样式究竟如何 , 都要牢记的一点就是不管将来把它放在哪个媒介上 , 它都应该正常的传达出应有的效果才对 。
为了最有效的做好这项工作 , 你最好创建一个可视化的图像集 , 收集大量的高质量 , 高分辨率的图像以方便你的重复使用 。
6、工作自然的用户模式
本文插图
你的设计应该跟现有类似的设计按着相同的方式发挥作用 , 并遵循那些公认的用户模式 。 设计师们往往想要做些违背事物自然规律、与众不同的事情 , 你千万不要掉入这个陷阱 。
如果一个网站或者应用程序亦或是任何印制元素能按着用户期待的方式工作 , 那么他们之间便能轻而易举的产生交互 。 这因为个时候 , 用户本身清楚的知道自己要做什么以及该如何达到目标 , 而设计本身则变为一只无形之中指引用户方向的手(其实这也正应该是一个设计师的真实目标才对) 。
这里有四种类型被普遍接受的设计模式值得我们来思考:
(1)内容模式:设计样式和内容的情感语气以及你的品牌 。
(2)标记模式:在设计整个网站页面时 , 你需要用到的 HTML 和 CSS。
(3)设计模式:每一个元素的外观和所有相关的风格 。
(4)用户模式:用户如何与设计元素 , 如按钮、菜单或图标产生交互 。
7、一致的界面元素
本文插图
虽说这不是粘性导航 , 但是思路相似 。
对于你的网站来讲 , 其中的每一个交互动作和界面元素应该以同样的方式工作 。
(1)链接直接在当前标签页打开或在新的标签页中打开(为每个链接选择一个相同的打开方式) 。
(2)按钮自始至终采用相同的颜色 。
(3)导航位置固定且选项不变 。
(4)页脚和侧边栏应持有一个特定的位置和大小(不应使页脚在一个页面上巨大而在另一个页面很小) 。
(5)所有图标易于识别 , 且其指向符合用户的预期 。
(6)可点击的元素应该总是可点击的(如有链接的图片) 。
上班列出的这几项展示了所有你在考虑用户粘性和网站可用性时需注意的一些细节 。 一定要记住 , 如果你允许一个元素能执行一个动作 , 元素本身的样式和交互动作就应该是统一的 。
结论 设计上的一致性能够创造出符合用户心理模型的产品结构 。 它也能创建一个有助于提升产品可用性 , 用户能够理解并愿意与之交互的框架 。
推荐阅读
- 人人都是产品经理|设计沉思录 | 设计师如何把产品目标转化为设计目标?
- 木地板|原创 房子装修与设计,准备做地暖,地面用木地板还是瓷砖好?答案在这
- 儿童房|两个孩子,一个儿童房,怎么设计?学着这样装,何必非得买三房!
- 两居室|72平米的两居室,简约、灵动的设计,就喜欢这样的家
- 衣柜|新房装修,卧室衣柜要不要做到顶?现在都流行这样设计,太实用了
- 洗手台|担心小户型的卫生间太小?你可以这样去设计,好看又显宽敞!
- 玄关|玄关设计得巧妙,不仅美观好看,还能为你营造触手可及的方便
- 日本|日本设计师让人佩服!这18个细节设计强悍又高明!设计率高不瞎掰
- 创意家居|22个脑洞大开的创意家居设计,你没见过?第一个看见就想要!
- 室内设计联盟|原木+白,光影与线面的交织 | 费弗设计