首页

视觉设计之文字编排的易读性

ui设计分享达人

在视觉设计工作中,大家总习惯将重点放在图标和色彩上。但实际上,作为一个阅读类app,思考如何让文章更易于阅读是和图形、色彩处理同等甚至更为重要。
在设计工作中,如果有100个人就会有100种设计理论,我认为并不能总结出一条绝对正确的理论。但是,如果完全没有什么设计理论的话,貌似会使设计显得很奇怪。比如,经常会看到这种书籍(图1),一行文字过长而订口的空白又处理得不太合适。只要看到这样的设计,马上就会想到“这里好像没有规则啊”,还会让人产生“这本书的设计师好像不读书啊”这样的感觉。在阅读过程中哪怕只有一些地方令人难以理解,也会让人精神不集中,不能彻底关注文章本身。如果是一个读书的人,他自己看看这样的设计,自己也会感到这种方式不便于阅读啊。所以我认为电子书的阅读感受也是这样,要做出理想的版面,作为设计者需要站在读者的角度考虑,应该寻找对于自己来说便于阅读的排版。因此,也借此机会来整理出网易云阅读产品中,书籍正文文字排版的相关规则。

视觉设计之由引导页说开来

ui设计分享达人

当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜。那接下来我跟大家一起来探讨关于引导页的设计。

一、 目的区分

根据引导页的目的、出发点不同,可以将其分为功能介绍类、使用说明类、推广类、问题解决类,一般引导页不会超过5页。

漫谈响应式设计

ui设计分享达人

1. 如何理解响应式设计(RWD)
学究一些,首先大家先了解一下响应,然后再讲一下设计,响应就是我发出的请求能得到什么样子的回复,比如我说“你好”,你会很容易的给我回复“你好”,因为大家都是中国人,如果我说“hello”,我们这代人如果上过初中,他也会给我说“Hello”,但是如果我给对你说“Bonjour”,那可能只有高配的人才可能知道了。这里面,就举了一个例子,我的应答对象就相当于我们要讲的响应式的设备,他必须能够解析我发给他的需求。然后咱们再讲一下设计,设计的官方解释是这样的:

UI设计师急需掌握的平面设计基础

资深UI设计者

滑屏的交互形式自从在 H5 中流行起来,便广泛应用在产品宣传、广告、招聘和活动运营等场景中,作为微信朋友圈广告惯用的形式,其影响力更是得到了强化与放大。如今滑屏H5可谓玲琅满目,数不尽数。

作为一个 UI工程师,接过很多类似的项目,也曾写过滑屏的插件,在经历了不同的需求的“洗礼”并踩过若干个坑之后,不禁反问自己:应该如何面对每一次类似的需求,在已有的经验下如何做到体验更好?如何节省工作量提率?面对性能优秀的 iOS 与性能良莠不齐的 Android 平台,又如何做到体验统一与性能最优?

一个设计老炮自述UED人演变史

ui设计分享达人

汪方进,阿里巴巴B2B事业群-用户体验设计部负责人。拥有多年设计行业从业经验和深厚专业背景,2003年—2011年间任职于网易公司,期间曾担任网易用户体验设计中心总监,亲历或主导网易邮箱、门户、LOFTER、新闻客户端、网易首页等诸多海量级用户产品的重大改版和体验升级。2012年加盟阿里巴巴集团B2B事业群,负责阿里系内贸B2B平台1688.com、村淘、零售通等业务的全站体验设计工作,带领团队完成1688首页、我的阿里、手机1688、1688行业频道群、村淘网站等网站核心产品的重大改版和新突破。 长期致力于UED团队“道—术—器”的思考与实践,沉淀了从设计观到方法论、从文化土壤到专业能力提升等整套UED团队的发展思路和管理心法,为设计团队带来了新的思考视角和价值延伸。

G20 logo设计师的“字言字语”

ui设计分享达人

在G20之后,我们有幸邀请了G20 logo的主创——浙江工业大学艺术学院的方宏章老师,来为我们做了一次关于字体设计的分享。

方宏章老师任教于浙江工业大学艺术学院,同时也是杭州九月九号工作室合伙人。作为一名平面设计师、策展人,方老师曾策划2010纽约字体艺术指导俱乐部获奖作品中国巡回展在杭州的展出,也曾策划2012企鹅图书设计艺术亚洲巡展,作品应邀参加宁波国际平面设计双年展,亚洲平面设计双年展等展览。

产品插画设计中的比喻技巧

ui设计分享达人

在产品插画中合理使用比喻既不是在插画中使用比喻的修辞方式,也不是在把比喻内容用插画表现出来这么简单。

最近我被问到蛮多的一个问题是:在招聘插画师时你主要考核什么方面?

既不是拥有独特的个人特质,也不是深谙多种风格,更不是曾服务过的知名客户列表或者作品出展过的地方,当然拥有这些资质也挺不错的。我的答案是:设计师对比喻的使用程度。为团队招聘插画师的时候,我最想了解候选人是否理解如何通过愉悦轻松易懂的方式,借助比喻来传递复杂的想法。

关于VR,设计师要去做四件事

ui设计分享达人

第1件事是体验。其实体验VR的成本很低,你只需要一台屏幕尺寸在4.7寸以上的手机和一副VR眼镜就可以了。VR眼镜最便宜的可以在淘宝上买谷歌的Cardboard,十几块钱,效果也很好。内容上不要满足于那种虚拟电影院看3D电影的,那种不能算VR。请先翻墙(很重要),谷歌一下VR类的app,这里推荐几个:Google Cardboard,VRSE,Discovery VR,InMind VR等。

动态交互如何达成更佳的操作体验

ui设计分享达人

众所周知,我们的感知系统主要分为五觉,分别为视觉、听觉、触觉、嗅觉、味觉,而根据分析,其中90%的感知是来源于视觉系统。而为界面产品增加有趣的UI动效,便是利用了视觉刺激思维和人机交互细处理,来营造出更为有趣的人机互动模式,从而达到传递或获取信息的结果。

实现下划线的N个姿势

资深UI设计者

下划线 一般在文档中常被用作增强注意,在过去打字机时代,下划线成为了唯一的一种文字强调方式,具体的操作方法是在已经打出来的文字上面退格,再在同样的地方打出下划线。

而在网页中,可以链接的文字(超链接)下面一般都有下划线。在制作页面的时候,当链接需要下划线的时候,UI开发很自然的会想到使用text-decoration属性来显示,例如这样:

1479825410_16_w650_h150

以上显示的是设计稿和浏览器渲染的实际效果,我们会发现浏览器渲染的效果和设计稿有出入,主要表现在下划线的位置,这时候细心的设计师会要求你想办法实现他们本来想要实现的效果。可惜的是,在这几年的网页排版技术发展中,并没有更好的css属性出现来支持下划线的个性化设置,所以这个问题常常会被忽略。

这个一般在UI开发看来,可能觉得并没有什么问题,难道说不应该使用text-decoration这个属性吗?

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档