-
超详细解读:UI导航设计不仅仅指的是导航栏
所属栏目:[策划] 日期:2017-12-22 热度:107
副标题#e# 编者按:其实网页或者App中的导航(Navigation)这个概念远不止我们熟悉的导航栏,而是一个更加广的交互概念:引导用户和产品进行有效的交互,实现用户的目标。本文将详细地介绍界面的导航设计。 一个网页或App产品要想有很好的可用性(usability[详细]
-
上亿人使用的百度贴吧,是这么做设计改版的!
所属栏目:[策划] 日期:2017-12-22 热度:77
副标题#e# 随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。[详细]
-
电商网站,如何多、快、好、省的搭建「专题页面」?
所属栏目:[策划] 日期:2017-12-22 热度:188
副标题#e# 各大电商网站经常在banner图上,放上各种专题页面的广告图,什么满199- 100 啦,几大品牌联合回馈啦。一不小心点进去,钱包被掏空啦。 这篇文章,我希望通过自己的资料收集、内容分析、实践成果,告诉大家如何高效搭建一个专题页面。 一、专题工[详细]
-
5分钟交互设计指南系列:对话框
所属栏目:[策划] 日期:2017-12-22 热度:198
副标题#e# 框 (dialogs) 是叠加在应用主视图上的弹出 (pop-up) 视图,一般会要求用户作出反应。对话框可以分为模态对话框 (modal dialogs) 和非模态对话框 (modeless dialogs)。 模态 (modality) 会阻止用户完成当前视图上的任务,使用户专注于模态视图 (mo[详细]
-
详解APP端哔哩哔哩所有的导航类型,及高保真原型实现
所属栏目:[策划] 日期:2017-12-22 热度:101
副标题#e# 注:由于哔哩哔哩的用户性格从整体上说更偏向于活泼,所以B站在具体的细节上的设计也考虑到了用户的调性,并不是一沉不变的。单从导航这一种设计上看,就出现了多达 8 种设计方式。几乎覆盖了所有现网上出现过的导航类型,让用户可以更好的玩儿自[详细]
-
用户体验设计:完美的提示消息方案
所属栏目:[策划] 日期:2017-12-22 热度:142
副标题#e# 注:如何做好一个提示消息的设计呢?何时何地出现合适的提醒消息会更好呢?希望这篇文章给你小小的启发。本文是作者于去年翻译的文章,并对原作者的内容观点进行了补充。 我们所用得到的网站和移动app都有通知功能。原本这个功能是用来帮助我们提[详细]
-
老外的个人网站原来是这样设计的:17个最佳范例给你灵感
所属栏目:[策划] 日期:2017-12-22 热度:125
副标题#e# 作家写书,歌手出唱片,人们选择各种方式呈现最佳的自己。对于UI/UX设计师而言,我想,一个设计精美的个人网站,一定会是一种相当不错的方式。无论你是想要展示自己的设计作品,还是分享自己的设计经验和理念,还是吸引互动增加灵感,还是渴望获[详细]
-
11月营销活动必备:怎样策划网站活动?
所属栏目:[策划] 日期:2017-12-22 热度:191
如果有人问你,如何把电商网站销售提升,你会怎么回答?有的人会说,产品质量要好,要便宜,性价比要高;有的人会说,制定好购物流程,有的人或许会说,优化好网站的性能;有的人会说,提升客户体验等等。不同的人对于销售提升有着自己不同的看法,上述所[详细]
-
想让你的网站看起来专业?搞定下面9件事情就行!
所属栏目:[策划] 日期:2017-12-22 热度:145
副标题#e# 越来越多的网站和博客已经走上专业化的道路了,从运营到整体的设计均是如此。为了寻求给人以专业性的视觉和体验,有一部分网站会采用数字杂志式的设计。和所有的类型化设计一样,数字杂志式的网页设计是有“最佳实践”的。通常来说,一个设计得体[详细]
-
电商产品:用可视化编辑,解构看起炫酷的专题页面
所属栏目:[策划] 日期:2017-09-22 热度:106
副标题#e# 注:专题页面,相信大家都不陌生。各大电商网站经常在banner图上,放上各种专题页面的广告图,什么满199- 100 啦,什么几大品牌联合回馈啦,等等。一不小心点进去,就是一个深坑。为什么?钱包被掏空阿。 文/苏眉鱼 电商网站专题背后的故事,多少[详细]
-
以登录账号密码不匹配为例,来全面浅析设计背后的逻辑
所属栏目:[策划] 日期:2017-09-22 热度:160
副标题#e# 当用户点击某个操作时,由于某种原因会导致此操作失败,这时候就需要出现反馈提示来告知用户原因。反馈提示通常会有多种表现样式。 有时候多种样式都可以使用,那么到底应该使用哪种样式呢?我们应该怎么去理解这些样式,以及它背后的设计逻辑?[详细]
-
【功能分析】之“详情页”(上)
所属栏目:[策划] 日期:2017-09-18 热度:135
副标题#e# 全文共 3484 字,阅读时间 10 分钟 功能分析系列第 6 篇原创文章,希望对你有所帮助。 导读 详情页,是内容型产品设计中最常遇到的页面之一。不同的产品,详情页的内容不一样,但结构基本相同。那在设计详情页时,有哪些需求点呢?这 2 篇文章我[详细]
-
Axure:模拟豆瓣电影APP滑动点击切换主页
所属栏目:[策划] 日期:2017-09-18 热度:177
副标题#e# 文/Kevin 前期准备:手机截屏两张主页图,Photoshop切图 截屏不用教了吧,我的是安卓手机 分辨率是1080*1680,和iPhone6 plus一样的分辨率,所以在这里用了iPhones plus的元件当背景。 Photoshop不用怕,先沿着标尺拉上几条参考辅助线 放大精确到[详细]
-
淘宝京东这 10 个搜索细节 你最喜欢哪个?
所属栏目:[策划] 日期:2017-09-15 热度:102
副标题#e# 注:为了让你在小小的手机屏幕上找到自己想要的东西,淘宝和京东等网站都做了不少努力。今天编译这篇来自Nick Babich的文章,带你了解京东搜索体验背后的设计方法。 「搜索」就如同用户与系统之间的对话——用户的问题是其对某信息的需求;而系统[详细]
-
浅析APP设计优化:空白页的存在价值与设计方案
所属栏目:[策划] 日期:2017-09-08 热度:124
副标题#e# 为什么经常做APP产品设计的分析,分析与熟悉一款app产品,对于之后的设计逻辑能够更加清晰,而对于产品逻辑也会慢慢有一个更好的认知。之后会通过用户需求与用户体验继续与大家讨论,一个优秀的设计,其背后蕴含了大量的可学习知识,感兴趣的朋友[详细]
-
这8条走心的建议,帮你设计出更加优秀的排版
所属栏目:[策划] 日期:2017-09-08 热度:122
副标题#e# 排版是设计师同用户沟通的一种方式。在数字产品设计当中,界面的视觉和可读性对于用户体验的影响是极为巨大的。曾经有一位著名的平面设计师曾经说过:“排版设计不仅仅是可见的,而且是可被听见的。你创建出一个宏大的场景,那么演员就可以在此登[详细]
-
作为交互设计师,该如何设计社区产品
所属栏目:[策划] 日期:2017-09-08 热度:103
副标题#e# 注:交互设计师懂得规则能做好设计,而作为社区产品的交互设计师,必须要足够了解产品,懂得产品的基础要素、生态环境才能够深入设计,提升用户体验。 一、社区产品规则 社区不等于社交,有了社区才会有社交行为,所以社区产品要素不仅包含人和内[详细]
-
超全面!可能是最详细的垂直电商首页设计总结
所属栏目:[策划] 日期:2017-09-08 热度:70
副标题#e# 上一篇文章我介绍了B2C综合类电商App首页设计,得到了非常多的关注。这篇介绍垂直类电商的首页设计。 上篇回顾:《超全面!可能是最详细的电商首页设计总结》 那么首先让我们了解下什么是垂直类的电商。 B2C垂直电商细分 淘宝的商品品类(SKU)是[详细]
-
想做用户引导?看谷歌Material Design 的官方教程是怎么做的!
所属栏目:[策划] 日期:2017-09-08 热度:77
副标题#e# 荣超:这个指南中的实践案例和组件可以帮助用户快速直观地了解他们在你的应用中能做些什么,想知道谷歌的设计团队是如何做有效用户引导的,看这个准没错! 以下指南旨在: 通过在相关情景中介绍应用的特性和功能来帮助用户从中获取更多的价值 改[详细]
-
界面设计 ≠ 屏幕设计:什么是界面设计?
所属栏目:[策划] 日期:2017-09-04 热度:95
副标题#e# 注:各位在互联网做设计的朋友,工作中几乎每天都接触着电脑和手机屏幕,像我的交互设计工作也以接需求画原型图写文档为主。但我今天想说的,和这些看起来没有几毛钱关系。这篇文章我想说点屏幕外的交互设计。 在设计界,我们几乎无时无刻不接触[详细]
-
网页设计之破格术
所属栏目:[策划] 日期:2017-09-04 热度:186
副标题#e# Landy:大家都知道做网页设计有栅格,有纵向栅格也有横向栅格,栅格提供内容布局的规范,让信息组织更有条理,我们在栅格规范内做设计,上下左右、垂直居中对齐,横平竖直、方方正正的看着舒服,信息布局清晰易读,表面看没什么问题,但经常会有[详细]
-
查遗补漏!网页设计过程中需要注意的12个常见问题
所属栏目:[策划] 日期:2017-09-04 热度:88
副标题#e# 注:网页设计说简单也简单,说麻烦也麻烦。同类型的网站大同小异,但是在具体问题和细节上,需要具体考虑和对待的问题一点也不少。面对这些不知道何时就会跳出来的问题,我列了一个常见的注意事项清单,便于在每个网页设计项目中参考、排查问题。[详细]
-
支付宝、知乎、App Store 的图标为什么都是蓝色的?
所属栏目:[策划] 日期:2017-09-04 热度:161
副标题#e# 译者按:天空的颜色是蓝色的,大海的颜色是蓝色的,支付宝和饿了么的 app 图标颜色也是蓝色的。为什么蓝色这么好看?为什么那么多 app 的主色调是蓝色? 微信公众号 AppSo 今天分享的这篇文章,带你进入蓝色世界,了解蓝色背后的故事。 你有没有发[详细]
-
实战经验!如何做好网页后台的表单和表格设计?
所属栏目:[策划] 日期:2017-09-04 热度:84
副标题#e# 矢量人生(作者):一个完整的后台,由菜单/导航、数据/图形展示、表格、表单、控件/组件以及弹窗等构成,下面跟大家分享后台中的表格和表单的设计细节。 当接到一个全新的网页后台项目时,首先确定设计风格,然后考虑这个后台尺寸是做居中固定式[详细]
-
设计实战!城市指南网站着陆页是这样设计出来的
所属栏目:[策划] 日期:2017-09-04 热度:106
副标题#e# 有人说,世界是一本书,不愿远行的人只能读到其中的一页。的确,旅行是我们生命中最有意义的几件事之一,其间我们有机会看见新的风景,遭遇新的事情,结实新的朋友,获得珍贵的人生经历。更重要的是,一次愉悦的旅行能够为生活注入能量,获得非同[详细]
