有时还不足以理解线框是什么,如何创建线框或最佳联线工具使用方式
无论是新/有抱负UX设计师或老练专业者,有时你需要超越自己的知识实践获得启发
九大首选例子和网站线框跨网路取自Dribble、Behance和个体设计师组合中, 我们将分享每个例子 并分享它(应用或网站)和我们爱它都到齐了
开工适配应用
UX设计师和职业Foundry研究生Michelle Lock为两组线框提供一览,先看初步素描
图像信用米歇尔锁
Michelle从后看上比较发达的线框-从图上看,Scletch所创建的工具
图像信用米歇尔锁
二叉启发式网站
设计领袖Miriam Braimah让我们一览创建社区安全网门过程
Miriam Sletch使用创建线框,我们爱她包括设计注解并使用简单颜色编码记录屏幕上活动元素-高亮用户流.
图像信用Miriam Braimah
更多了解案例研究和其他行业引导工作Miriam Braimah网站.
3级京特应用
取另一个设计先导组合Jamal Nichols分头比较他的中易解线框和Kyte汽车订票应用主页最终设计
图像信用Jamal Nichols
Jamal以UX写作学知识采取面向内容的清晰方法,我们对此表示赞赏。比较清晰地说明拷贝在编译中心消息中的重要性, 并显示拷贝最终设计对拷贝可能产生的影响
更多了解此项目 和其他思想引导创举Jamal Nichols网站.
4级财税网站
泰列日佳卡托PopArt工作室财经网站案例研究提供又一大例子说明网站线框应像什么
线框中包含图形元素和拷贝 接近最终产品中可能出现的东西设计者用Figma创建它,我们爱他们把三个问题带入连接过程,与用户行程和信息架构相关(尤其是信息架构和其他元素如何引致更多订阅数)。深入研究这些问题和进程,查查伯汉斯财政案例研究.
5级Sundayz应用
AnamiChansunz应用案例研究是我们最喜爱的并显示线框进化-从早期素描到最终产品
图像信用南安美
但如果你每次想看到一组线框, 她也提供这些可用性
图像信用南安美
图像信用南安美
查看全例研究访问Anami组合网站.
6级JazzBuger网站
Roman Vasilovski和Web设计师使用Figma创建网站线框-超出简单素描-比其他线框近临最终设计设计清晰地知道用户行程-从主页走过通关
图像信用罗马瓦西洛夫斯基
我们真正欣赏这个线框的是 设计过程初时对拷贝的关注设计者所录入的超出传统iemipsum控件副本, 忽略了将拷贝乘入设计中的重要性(而不仅仅是反向方式 ) 。
深入观察线框设计程序 检查全JazzBugerBehance案例研究.
7Swipy应用
UX/UI设计师和职业朋友研究生Risa Nakjima为我们全面查看Swipy-a当我们逐步开发应用设计时,你可以看到里沙思想演进的地方
来,我们看一看她初始素描
图像信用中岛理查
后继中度线框
图像信用中岛理查
并跳入UI设计项目后, Risa向我们展示她最终高联想线框
图像信用中岛理查
看一看spy案例研究里沙组合.
八点八分面包盒网站
UX/UI设计师Ellie Deshaies还分享Breadbox网站初始素描和数字线框-帮助用户协同管理菜谱和计划餐我们所爱的是,这种变换既显示可视化设计解决方案的重要性,又显示自始至终将演化多少解决方案
以下是初始素描
图像信用爱丽德夏
并查看进化数字线框 她在Figma
图像信用爱丽德夏
9.完美属性应用
最后但并非最不重要的是,我们爱UX设计师和职业Foundry研究生Frank Mojica向我们展示四度键屏线框迭代他的完美属性应用
观察登陆搜索页面设计进化 从初始素描到最终设计
图像信用富兰克摩吉卡
图像信用富兰克摩吉卡
最后,你可以检查全完美属性案例研究脱机
深入了解线法
即有九大网站和app线框例子 启发自己的设计过程带回口袋的这些例子, 用这些向导学习更多线火化知识: