考虑零数据的情况 界面上经常需要呈现不同...
采集 评论
查看来源 zaodula.com
Haley的花瓣从banysun
转采于2017-04-11 09:23:46
考虑零数据的情况
界面上经常需要呈现不同数量的数据，从0，1，10，100到10000+等。这里存在个普遍的问题就是：在程序最开始使用的0条数据到过度到有数据之前，该如何进行显示界面。这也是我们经常忽视了的地方。当程序初始没有数据时，用户看到的就是一片空白，此时用户可能不知道该进行哪些操作。利用好没有数据的初始界面可以让用户学习和熟悉如何使用程序，在程序中创建数据。力臻完美永远是我们追求的目标，界面设计也不例外。
排版、网站设计
Haley的花瓣
元素系列方块汉堡牛排画册图片 加盟手册 画册 宣传册 庆丰 企业画册 酒店宣传册 酒店画册 美食画册 美食宣传册 美食手册 宣传册素材 画册素材 手册素材 加盟素材 加盟画册 加盟宣传册
Yue Joyee 周 on Behance
版式设计
Basecamp – 注册页面里的漫画形象，手指会指向当前聚焦的字段；如果填写的信息有误，其表情还会发生变化
暴露选项而不要将操作隐藏 你使用的任何一个下拉框都会对用户造成信息的隐藏而需要额外的操作才能显示。如果这些信息是贯穿整个操作所必需的，那你最好把它展示出来做得更显而易见一点。下拉框最好用在选择日期，省份等约定俗成的地方。对于程序中重要的选项最好还是不要做成下拉形式。
让操作直观而不是让人觉得找不到上下文 不用说直接在元素身上进行操作是更直观明了的方式。比如在一个列表中，我们想让用户对每个条目进行操作那么就把按钮放到当前条目上，而不要把放到列表之外。再比如就是直接点击元素就进入编辑状态（比如页面上的地址信息点击后可以进行编辑）。这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。当然，对于一般性的操作本身就不需要有什么上下文的，就没必要这么做了，比如页面上的前进，后退按扭。
展示产品带来的好处而不要罗列产品特性 市场就是这样的，用户永远只关心自身利益而产品特性对他们来说倒不是那么重要。只有利益才更直观地体现出使用产品所带来的价值。Chris Guillebeau在他的著作《100美元起家》中指出，相比压力，冲突，烦心事和未知的未来，人们在乎得更多的是爱，金钱，认同感和自由支配的空闲时间。所以我相信在展示产品特性时回归到利益上是必要的。
考虑零数据的情况 界面上经常需要呈现不同数量的数据，从0，1，10，100到10000+等。这里存在个普遍的问题就是：在程序最开始使用的0条数据到过度到有数据之前，该如何进行显示界面。这也是我们经常忽视了的地方。当程序初始没有数据时，用户看到的就是一片空白，此时用户可能不知道该进行哪些操作。利用好没有数据的初始界面可以让用户学习和熟悉如何使用程序，在程序中创建数据。力臻完美永远是我们追求的目标，界面设计也不例外。
优化页面加载速度，不要让用户等太久
合并重复的功能而使界面简洁
过多边框会让界面四分五裂 过多边框会喧宾夺主。不用说，边框确实在划分区域进行版块设置时有很大的作用，但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的，在排版时可以将界面上不同区域的元素通过空白进行分组，用上不同的背景色，将文字对齐方式进行统一，还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时，我们经常在界面上方便地拖出很多区块来，这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐，这样做不会让那些多余的线条来扰乱
网页设计-UI设计师灵感库-优界网
224035du6kfi260srffgkb.jpg.thumb.jpg (950×5862)
Salt Surf : Proposal for Salt Surf.
kineticsuper
Chalar : This work was made for fun. I hope you like it and feel free to comment. Credit to these web : Refinery29, Pixabay, Unsplash & Pinterest
来自相册
同采自
zaodula.com
该采集也在以下画板
加载更多
推荐给你的采集
该采集待公开
采集
妖瞳婆婆采集到平面设计

海报

963

妖瞳婆婆 采集到
平面设计
采集
weibo.com
想养一条狗采集到「广告∶创意」

深夜正能量！啥也别说了，去野吧！

289

想养一条狗 采集到
「广告∶创意」
采集
tofo.me
Montar采集到调性参考图

페리페라 Peripera Official (@peripera_official)'s...

37

Montar 采集到
调性参考图
采集
voicer.me
Kimori_3采集到设计

04a

35

Kimori_3 采集到
设计
采集
zcool.com.cn
郭沅丰采集到B-包装设计

熊猫焕新：品牌升级以消费者为原点|平面|品牌|蓝色圣火品牌设计 - 原创作品 - 站酷 (...

34

郭沅丰 采集到
B-包装设计
采集
huitu.com
繁華過後沧殇采集到海报篇

10周年庆

46

繁華過後沧殇 采集到
海报篇
采集
weibo.com
ALii采集到与设计有关~

#hotsample# <br/><双面手幅>案例1P ​​​​

2701

ALii 采集到
与设计有关~
采集
behance.net
Maggie-H采集到乱收集

Nördik Impakt 18 : For the Nördik Impakt Fest...

256

Maggie-H 采集到
乱收集
采集
img.alicdn.com
C码0101采集到排版

时尚花草底纹背景

9371

C码0101 采集到
排版
采集
zcool.com.cn
1Ran采集到海报

直播类视觉设计个人作品集|网页|专题/活动|easyschen - 原创作品 - 站酷 (...

144

1Ran 采集到
海报
采集
啧潴采集到LOGO VI VIS 品牌

京东 2018春节【图标 APP LOGO ICON】<a class="...

34

啧潴 采集到
LOGO VI VIS 品牌
采集
zcool.com.cn
七除以二采集到VI

南中国豪宅|平面|其他平面|阿峰WZX - 原创作品 - 站酷 (ZCOOL)

562

七除以二 采集到
VI
采集
皮露丝MaKu_采集到字體㈱

来自相册

242

皮露丝MaKu_ 采集到
字體㈱
采集
behance.net
找不到风格zls采集到画册板式设计

Meng Zhang on Behance

25

找不到风格zls 采集到
画册板式设计
采集
いヒラ哀采集到版式

恐惧与意志 邱志杰 海报 字体 黑白

1758

いヒラ哀 采集到
版式
采集
曾小瑞采集到平面/创意

360截图20190314162336521

10

曾小瑞 采集到
平面/创意
采集
梦想高中采集到排版

山东绿地IFC 节日单图 * 北京意动出品

234

梦想高中 采集到
排版
采集
theoldreader.com
灵感呢灵感呢采集到版式设计

poster design

14302

灵感呢灵感呢 采集到
版式设计
采集
behance.net
jane.w采集到排版

Behance :: 为您呈现

256

jane.w 采集到
排版