2017 年 6 月 6 日

2017 北京网站设计的 CSS3 和 JavaScript 动画库

前端网页设计在过去的十年里经历了一场革命。在2007年,我们大多数人仍在设计静态杂志布局,在2017年,我们重新设计了数字机器,有成千上万的调整、协调、移动的部件。 简单的说,很好的UI设计师还需要成为很好的动画师 – 需要对网络动画技术有一个很好的理解。 这是我们指南中最新更新的,帮助你为每个任务选择正确的动画库。我们将通过 9 个免费的、编码良好的动画库,最适合于UI设计, ...
查看详情

2017 年 5 月 6 日

网站设计中的 LOGO 如何运用留白?

留白是指的创作者在设计时有意识空置版面的行为 或许你能注意到我这里使用了“创作者”而非“设计师”作为主语。因为最早留白是用来描述国画中虚的概念,用以衬托画面主题。既是潘天寿先生所谓“虚实之关联,即以空白显实有也。” 关于留白很著名的一张图,马远的《寒江独钓》。留白将独字很好的点题出来了。 那什么又是设计师的留白? 从字面意义上来说留白既是指的不设计内容的区域,在排版设计 ...
查看详情

2017 年 5 月 1 日

北京网站建设中需要知道的52个专业术语

“注意用户做什么,而不是他们说什么。” ——雅各布 尼尔森 3次点击法则 如果用户点击三次仍无法访问他们想要的页面,他们将离开网站。 5秒测试 一个5秒测试包括向用户展示应用程序或网站界面5秒钟,然后用户回想他们刚才看到的内容。这是一个评价关键视觉效果,以及判断用户的关注点是否符合预期影响的好方法。 二八法则 由帕累托原则(Pareto principle)引出 ,适用于任何网站,网页 ...
查看详情

2017 年 4 月 24 日

北京网站建设中的界面交互动效核心知识

什么是界面交互动效? 界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中,表现清晰的层级关系,自然的引出与结束。交互动效有着承上启下的重要作用。 界面交互动效是用来干什么的? 让用户清晰地感受到当前所处场景和层级关系。 多种UI元素之间的相互转换。 给用户制造惊喜感使用户愉悦。 界面交互动效五大注意点 避免动效过于花 ...
查看详情

2017 年 4 月 13 日

北京网站设计效果检验之道

设计效果检验,即针对设计师的设计方案进行数据验证,通过客观的数据来量化一部分设计方案中较为主观或存在争议的地方,以此判断设计方案的优劣,从而得出检验结论。 众所周知,每个人对设计的评判是主观的,设计效果也不容易被直接量化。所以针对设计效果的数据检验变得很有必要,它可以辅助设计决策,沉淀出优秀的设计案例,并且进一步衍化出更好的方案,同时好的设计方法论得以传承。从长远角度来看,设计价值得以彰显, ...
查看详情

2017 年 3 月 31 日

北京网站建设之加载占位图+页面指示器

上期回顾:北京网站建设之小红点 索引导航 分段控件 Skeleton Screen/加载占位图 Skeleton Screen(加载占位图)是近年流行的加载控件,通常表现形式是在界面上待加载区域填充灰色的占位图,与线框图的效果非常相似。Skeleton Screen本质上是界面加载过程中的过渡效果。 △ Facebook的Skeleton Screen Skeleton Scr ...
查看详情

2017 年 3 月 28 日

ANDROID O 的自适应图标和天价复古 IPHONE 7

1、Android O 新玩法:自适应图标 需要设计Android 平台的UI图标的设计师,要注意了,Android O 推出了自适应图标的新玩法咯~ 简单来说,自适应图标就是为了应对图标规格千奇百怪的Android OEM 厂商而生的。一个标准的自适应图标能够良好的一次就兼容不同厂商、不同UI界面不同形状的图标轮廓要求。(以版本分裂和热衷于自定义而著称的安卓厂商,想必大家都有概念~) ...
查看详情

2017 年 3 月 27 日

北京网站建设中极简风格的设计方法

在过去的几年中我们时常会听见别人说“极简风格(英: Minimalism)”这个词,但这究竟是什么,我们又该怎么使用呢?这一次,就让我们一起来看看极简风格具体的使用方法与参考案例吧。 极简风格,就是将设计省略到最小限度,只留下真正引人注意的内容,这样一种表现风格。通过极简风格,可以将设计的意图与目的更准确的传达出来。 极简风格看起来很简单,但完成作品也是需要大量的练习和长时间的制作的。 ...
查看详情

2017 年 3 月 24 日

这30款网站和工具,让网站设计效率提升一大截

效率就是生命,对于设计师尤其是如此。所以,能够让工作效率有极大提升的工具于设计师而言,有着极大的价值,因此也有了今天这个高效设计工具列表。 这些设计工具大多针对某个特定的设计环节,基于具体的需求而存在,它们提升了整体的效率,从排版设计、代码片段到配色方案不一而足,合理的搭配这些工具能让你的整体效率提升一大截。 1. Web Gradients 渐变作为设计趋势再一次回归网页设计界 ...
查看详情

2017 年 3 月 24 日

北京网站建设之小红点+索引导航+分段控件

Badge/徽标/小红点 「小红点」是这个控件在国内北京网站建设最通俗的称呼,正式的名称为「Badge」(徽标),Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字,表示有新内容或者待处理的信息。 △ 形态各异的Badge(徽标) 如何使用 无数字和有数字Badge使用场景 Badge可以分为无数字和有数字两类,一般来说,如果只需让用户了解有更新或新内容必然 ...
查看详情