logo
当前位置:首 页 > 杂侃 > 查看文章

现在越来越多UI设计师都需要画一些交互的线框图,然而作为视觉专家,当然要把它画得靓靓的嘛,是不是?所以很多用户会使用原型设计工具来绘制,或者直接手绘更有逼格。

今天达人整理一大波UI/UX的原型图,有手绘的、有用软件绘制的,分别来源于不同的设计师、交互设计师、产品经理之手,虽只是草图,但小编看后,已经有灵感了哦!来一起看看他们的杰作。

草图来源:wireflow,ux_ui_wireframes

  1. 小编达人喜欢这个布局,所以直接放第一个截图,首先草图是Q版的,还加入了一些颜色,让草图生动起来。其次这是迷你草图,文字直接用「粗签字笔」来表示,能快速的记录临时的灵感想法。


2. 正规一点的草图,直接用电脑软件绘制


3 配色参考


4 头脑风暴


5 灰度


6.


7.


8.


9. 这个流程图好看


10.


11. 原型就该用这些浅灰的配色


12. Wow…


13. 还有阴影也画了


14. 草图质量做到这样就很棒了


15


16


17


18


19. 全黑不好看,加点颜色~


20. 打印出来,标记重点为


21. Cool! 这个主意太好了,我之前为什么没想到呢,原来有颜色的地方表示链接(可点击),然后画引导线的时候就不需要从链接点开始画,这样简洁很多。


22. 你看到的连线,使用的软件是 Adobe XD,根据设计达人小编体验,感觉还是 Sketch 来做UI设计好一些,希望它快点出Windows版吧……


23. UI设计专用的点点本?


24. 网页原型


25. 一个迷你版原型图,好Q~


26. UI比例控制很好,很整齐


27. 临时想法


28.


29. 产品经理,还是用更快、更简单的原型设计工具 Mockplus 吧

原型草图,大多是记录临时的想法,当进一点确定后,就会去使用软件画正规一点的原型或者直接出UI设计稿。

今天分享到这里,下次画线框图时不妨先看看这篇文章,里面的草图、笔记本、颜色笔、原型工具都是不错的。

一个有大大梦想但是没有支撑这梦想的技术的攻城狮,大家就当这个博客是你的技术工具箱吧,我会吧我工作中遇到的问题贴在这,大家需要的记得把我放到收藏夹哦! 百度输入“子傲代码”就可以了

—— 陈子傲

admin
你可能也喜欢Related Posts
众说纷纭Comments
大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头
小提示:直接粘贴图片到输入框试试
努力发送中...
footer logo
未经许可请勿自行使用、转载、修改、复制、发行、出售、发表或以其它方式利用本网站之内容
Copyright ©ziao design Studio All Rights Reserved.沪ICP备14052271号-3