美文网首页
线框图的正确画法

线框图的正确画法

作者: 林经理的望远镜 | 来源:发表于2018-01-29 00:14 被阅读0次

1.通过明暗对比表达

加入明暗对比,界面阅读的优先级关系更加直观。

2.不使用截图与颜色

拼凑竞品截图:不规范,对视觉设计师有干扰。

不建议线框图使用颜色:对视觉设计师有干扰。如果自己有一些关于图案的想法,告诉视觉设计师需要营造什么样的氛围,达到什么效果。

3.合理的布局

规划页面布局,保持简单结构,最好不要出现2列和3列混排的设计。

4.遵守栅格规范

栅格设计系统:一种平面设计的方法与风格。

5.标记第一屏的高度


6.表达清楚UI逻辑

最重要的操作:一般用按钮表现。

普通操作:对比。

消极操作:删除。

7.考虑视觉实现后的效果

交互设计师绘制线框图时,不仅要考虑清晰的逻辑,还要考虑视觉实现后的效果。


8.了解设计趋势

帮助我们在审美上和视觉设计师站在较为一致的立场。



参考资料:破茧成蝶: 用户体验设计师的成长之路

                  刘津 李月

相关文章

  • 线框图的正确画法

    1.通过明暗对比表达 加入明暗对比,界面阅读的优先级关系更加直观。 2.不使用截图与颜色 拼凑竞品截图:不规范,对...

  • 趋势线的正确画法

    原创: Brian 交易分享社区 今天 趋势线是技术分析工具中比较常用的一种工具。用来辨识行情的方向,分析未来市场...

  • 期货知识:正确的趋势线画法

    正确的趋势线画法 何为趋势线? 所谓趋势线就是上涨行情中两个以上的低点的连线以及下跌行情中两个以上高点的连线,前者...

  • 手绘人物篇

    人物画法 点线画法,或者叫直线画法。由五条线组成,线的终点着重画点。这样头部、身体、手臂、腿部画好,就有了一个最简...

  • 荷叶的正确画法

    北宋年间,有一个老和尚,以画荷而出名,尤其是荷叶一笔挥就,浑然天成,行家都看不出是怎么画出来的。 唯一蹊跷的是每次...

  • 论化妆的重要性

    屌丝和女神的差别往往只有一线之隔 绘画步骤可参考文章: 眉毛的正确画法(男女眉毛详细图解) 初学者学化妆|如何画一...

  • 8张图看懂西安城规模的历史变迁

    有喜欢线描画法的可以加我v:1136956699

  • 扎染,古老的 民间艺术2

    这篇主要讲解扎染的画法与扎法 先了解扎染的主要几步画法 扎染的图案主要由上述画法构成。 单线是最简单的,一条线,扎...

  • 正确的底妆画法

    手指涂法 用手指上粉,身体的温度会令底妆与皮肤融和,令妆感更贴薄。挤压少量粉底于手背,再利用食指,将粉底点在脸上不...

  • 哈哈哈哈哈

    TODO 通知中心的线框图 搜索的线框图 看单的线框图 图标的大小和色彩 个人主页的线框图 话题模块

网友评论

      本文标题:线框图的正确画法

      本文链接:https://www.haomeiwen.com/subject/rfxtzxtx.html