响应式Web设计

在设计中经常遇到这几个问题:

1.想要网站兼容手机、平板电脑、pc,就得为不同的设备定制不同的版本。

2.想要网站的某些页面在宽屏显示器下一行显示更多的内容,又得为宽屏定制一个版本。

3.很多人并不是在全屏的情况下浏览我们的页面,如果让页面随着浏览器宽度改变而相应的调整会不会比较好?

有没有办法能有效解决这些问题呢?

响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境(屏幕尺寸、屏幕定向、系统平台等)以及用户行为(改变窗口大小等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用pc、平板电脑,或者手机,无论是全屏显示还是非全屏的情况,无论屏幕是横向还是竖向,页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备。

查看更多


“小清新”,近些年才流行起来的一个新名词,用来描述一种文化现象,定义某一类音乐、文学、摄影作品的风格,也随之衍生成为对爱好这类风格的人的称谓。在平时工作中经常能听到耳熟能详的交谈:“某某某的设计风格很小清新……”、“这个颜色太小清新了不太合适”……

其实作为视觉设计师,我对这类风格在视觉上的表现一直很疑惑,究竟怎么样的设计才算是有小清新感觉的呢?难道这只是一种说不清道不明的感觉吗?在最近参与的一次运营分享培训时,也有运营同学问我,怎么样才可以PS出有小清新风格的图片呢,这也引发了我对这一类视觉设计表现的深入思考。以下是我整理的几方面内容,帮助我提取对这一类风格在视觉表现层的关键点,只是一点拙见,一点设计感悟而已。

首先,在我们所能看到的“小清新”里面,哪里些元素是最有特色或者说代表性的?
为此我找了大量的带有“小清新”tag的图片,发现女人永远是这一类风格图片中出现频率最高的,无论是背影还是传说中的45度角,还有带旅行元素的如老式的皮箱、铁路、背包等,以及微单相机、阳光、有特色的静物之类的元素,并且在摄影手法上,大光圈、故意的过度曝光、逆光拍摄,随意的lomo风格等等。


查看更多

 

         交互原型是产品研发过程中的重要产出物,它不仅决定了产品的表现层形式,还能在直观展示产品功能的情况下更好的验证需求、明确产品目标。而交互原型方案的确立,通常出自跨部门人员共同进行的评审。如何高效的进行交互评审,往往成为许多交互设计师头疼的问题,我们可以从以下方面来参虑。

评审前的准备

提前至少一天,发起交互评审通知,预定会议室、投影等设备,邮件中说明评审的内容、会议时间、会议地点、参加人员等。根据业务和人员情况,必要时进行预审。

注意几点:

1. 评审内容:在邮件中可以简要介绍一下,并附上交互原型或链接,让参加评审的人员对会议的内容有一定的了解,在会议前做好准备,避免盲目参加评审,造成会议时间拖长,降低会议效率。

2.  评审资料:主要的是交互原型,交互原型的不同版本,设计参考资料、竞品分析资料,数据分析类资料如果有的话,在评审过程中可能会用到。最好自带笔记本,这样方便自己在演示时进行资料切换演示对比,有效的表述自己的设计方案增加说服力。

3.  参与人员选择:产品开发各环节中参与执行人员如产品经理(PD),视觉,前端,项目经理(PM),测试,可选客服,客满,运营,数据挖掘等根据产品的情况来决定。协调好人员时间,避免评审时,必选人员不在,而造成再次评审的情况。会议人员控制在10人以下最有效率。

  查看更多

“后视觉设计”时代

前言

一直想透过某种方式,把自己对视觉设计的一些理解和看法梳理一番。同时目前团队里的视觉设计师,大多有一些共同的苦恼、疑惑和对前景的不明晰。希望我的这些理解和看法对大家有所启发,能让大家对自己所从事的职业有更深入的思考。

 视觉设计已死

 这是我在某设计师群里说的一句话,里面有一个多年从事运营视觉设计的同学,立马跳出来反驳,最后到了只差骂:“你才死了!”的境况。我非常理解,无端端的告知别人其赖以生存的饭碗已经不保,谁都会下意识反击的。然而我所指的,是那种“美工”式视觉设计的死亡(不仅死了,而且死了相当长的时间了)。

查看更多