为什么个人头像宜用圆形?

你的应用中的个人头像是什么形状的?如果是正方形的,那么要知道,正方形对人脸的识别上并不具优势。圆形对于个人头像是比较适合的,因为圆形能够让人脸更具识别性。 Read More

j j j

响应式设计

网站无论是在手机上还是电脑上,无论是用鼠标还是触摸屏操作,都应当正常显示和作用。这需要响应式网页设计。让体验保持一致性,是响应式设计的原则。

这里有28个响应式设计的案例。

1,利用好空白。

01.-Vestre

Vestre 网站中文字的安排非常适宜,无论在多大的视口下,文字都显示在偏白色的背景上——当视口继续变小为移动端的时候,文字则移到图片的下方。这种设计保证了文字的阅读性。 Read More

j j j

现代网页设计中的声音元素

现代网页设计中的声音元素

你可能会认为在网页中嵌入声音真的很过时,但是事实是,声音在当前的网页设计中,正在变得越来越流行。

网页中的声效,仅仅是烦人么?

当你访问一个网站的时候,可能会被突然响起的背景声音吓一跳。而且有些网页上还没有按钮能让你关掉这些烦人的声音。很多用户因为这就会直接关掉网页。这是因为用户访问网站可能是查阅某些很明确的信息,而这种声音没能给他们带来任何帮助。

通向未来的挑战——多媒体网页设计

多媒体网页绝对是网页设计的趋势。早先的时候,网页中流行起主题图片的形式,后来又演变成满屏的背景图片。最近,这种背景图片则又变成背景视频。利用背景视频设计的网页可以用更少的文字传递更多的信息,更会让你的网站不那么死板和老套。coverr.co就有很多背景视频可以参考。 Read More

j j j

导航:你在这里

导航:你在这里

设计师通过导航架构帮助用户浏览网站,但是仅有好的架构和功能是不够的。导航应该不仅能够展示用户可以去哪里,还需要告诉用户现在在哪里。对用户来说,网站中的每一个页面都有可能是第一个看到的网页,所以需要展示出足够的信息,帮助用户迅速找到他们想要的信息。 Read More

j j j

响应式设计中的桌面显示器体验

响应式设计中的桌面显示器体验

当我们在讨论响应式设计的时候,大多数设计师和开发者想到的是智能手机、平板以及笔记本电脑。但是有的时候,你可能会遇上这样的客户,他的网站流量大部分都来自于桌面电脑。

本文中我们来看一下桌面优先的响应式设计的一些问题。 Read More

j j j

5个提升色盲患者可用性的方法

5个提升色盲患者可用性的方法

如果你的网站有色彩或对比度上隐性的问题,可能会直接影响用户的访问。如果是商业网站,那么可能会直接影响用户的消费。幸运的是,这里有几点可以帮助你避免这些问题,提升网站的可用性,特别是对于色盲症的患者。

什么是色盲呢?

色盲并不完全指的是看不见颜色或者全部看成灰色。通常指的是色弱,或者对颜色的分辨能力较差。人有三种视锥分别感受红、蓝、绿色,当这其中一个视锥出问题的时候,就会造成色盲。

colour-simulations

图中四个色轮 分别是 正常、红色盲、绿色盲以及蓝色盲 看到的色轮的表现。

最常见的两种色盲是 绿色盲和红色盲,男性患者要比女性多一些。其中绿色盲最常见,男性患病率为7%,女性则为0.5%。所以总共会有8%左右的人群会有色盲的表现,而这些是商业网站绝对不可能忽略的人群。

这里有5个简单的办法,帮助你提升网站的色彩可用性。 Read More

j j j

原型设计课程

这是本学期的最后一堂课程,原型设计课。同学们对产品的任务流程分析、框架图等做了充分的讨论。

至于最终的原型是什么样子的,请期待我们的下一个视频吧。

j j j