10个关于网页设计的精彩案例。

对于大多数网页设计师来说,任何一个网页项目的第一阶段都是线框图。它允许设计师精确地绘制出网页的结构如何工作,以及导航、表单和内容部分等重要元素的总体布局方向。

每个设计师都有自己独特的方法来产生这些线框图。许多人在纸上工作,而另一些人则喜欢直接用像Balsamiq、Figma或Sketch这样的工具在电脑上创建它们。不管怎样,结果往往是令人着迷的,而且往往在视觉上令人印象深刻,尽管它们被认为是粗糙和简单的。

线框图的布兰登Wimberly

布兰登使用了一个打印在网点纸上的网页浏览器模板。在那里,他使用精心构建的线条来构建非常统一和准确的线框图,以探索网页如何从桌面扩展到移动设备。

10个关于网页设计的精彩案例(图1)

由Vando Sanchez设计的领先边缘高保真线框架

Vando在电脑上创建了领先的高保真度音响的线框图,主要使用虚设的文本,只有主要的标题和口号都是准确的。简单的2D模型被用来代替实际的设备模型,背景和视觉元素在这个阶段被填充成块颜色。

10个关于网页设计的精彩案例(图2)

Janna Hagan在Shopify探索的线框图

Janna Hagan为Shopify设计的漂亮的线框是更高的忠诚度,大部分的布局设计最终完成,甚至一些视觉效果开始被介绍。

10个关于网页设计的精彩案例(图3)

线框图的安德烈·皮卡德

安德烈·皮卡德(Andre Picard)在设计一个网页设计项目的初始线框图时,看着白板。这允许快速和容易的编辑,以及在办公室周围轻松的反馈和协作。

10个关于网页设计的精彩案例(图4)

由Melody Rose的Wireframe x78

该网页的78个线框图通过一致的使用形状来定义不同的内容类型和元素,如用户头像。调色板保持在2到3个简单的灰色调。

10个关于网页设计的精彩案例(图5)

蒂姆·奈特(Tim Knight)草拟了一个新项目

蒂姆·奈特(Tim Knight)的线框图倾向于更简单、更高速的线框图——当接近一个项目的最重要阶段,或者在会议或电话会议上为客户绘制想法时,这非常有用。

10个关于网页设计的精彩案例(图6)

变形学网页:Lauren League的中富达线

劳伦在变形学网页上的中值线框图在解决数据可视化问题方面相当复杂。他们使用了一个结构良好的模板,带有填充的内容块,并在图像占位符上交叉矩形。

10个关于网页设计的精彩案例(图7)

回到我的身体仪表盘日记线,由Alyoop

通过Alyoop的方式,我的身体线的线框图更接近于简单的数字模型。他们使用一个简单的灰色调色板和图标占位符为用户头像和内容图像。文本占位符用于诸如徽标和饼图等元素。

10个关于网页设计的精彩案例(图8)

这是戴恩·卫斯洛科(Dane Wesolko)的营销网页

Spreedly的营销网页在素描应用中使用了一个高保真数字线框,它定义了大部分内容的布局和颜色,只留下视觉和图像的整合。

10个关于网页设计的精彩案例(图9)

报纸网页Wireframe by Ziya Fenn

Ziya的报纸网页中忠实的线框非常精致,是我遇到的最具视觉吸引力的线框之一。大部分的排版元素和方向已经被定义,布局在其结构和镶嵌块表单上给人印象深刻。

10个关于网页设计的精彩案例(图10)

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/217813.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年2月14日 01:40
下一篇 2023年2月14日 01:40

相关推荐

  • 浅谈页面中的载入动画  

    首先,我们得将页面设计当中需要使用的载入动画规则写出来。比如设定好动效运动的运动时间,除此之外还要将动画的动作进行分解输出,以及动画的大小、颜色等相关的资讯都要明确。最大程度上保证了动画的还原度! 除…

    2022年6月25日
    0256
  • 网页设计的流行趋势你了解吗。

    网页设计的流行趋势你了解吗?许多刚刚参加ui培训学校毕业的学生在进入工作后,对于网页设计方面仍然是一知半解,不知道当下流行的网页设计的方向,今天优行者小编将给大家分享关于ui设计中网页设计的一些流行趋势…

    2022年7月4日
    0124
  • 进度条与用户体验

    对於用户来说,要说在网上感觉讨厌的事情,等待加载肯定是榜上前几名。虽然对於网页设计来说,现在在技术上是有一定的方法可以加快网页的响应速度。但是更多的时候,等待是必须的流程之一。因此,在必须让用户等待…

    2022年6月25日
    0125
  • 2022设计趋势!正在悄然流行的「新粗野主义」风格。

    每年你会在优设看到大量的设计趋势预测和总结类的文章,其中有的出自腾讯这样的头部公司,有的出自 Uxdesign.cc 和 Graphicmama 这样的知名设计博客,还有的则可能会出自行业内的知名设计师。在这当中资深设计师 Mi…

    2023年3月1日 SEO操作
    05
  • 从网页设计的简史,见证当今网页设计技术的主流趋势

    从上世纪90年代至今,网页设计技术不断进步。过去网页的本质仅用於存放资讯,而现代网站早已不满足单纯在网页上放置资讯,而是着重於品牌形象的加深,从网站的UX/UI设计,拉近品牌与顾客的距离。 上期小编和大家一…

    2022年6月23日 建站资讯
    0233
  • 必须遵循的色彩理论

    配色是网页设计的基础,最基本的还是色彩理论当中的对比、互补和感染: 1、互补:指的是色彩与色彩之间相互补足的关系。处於色轮当中处於相对位置的色彩,以此作为配色方案会比较和谐。最常见的互补配色分别是三元…

    2022年6月25日
    0174
  • 如何设计B端色彩体系?3个步骤帮你掌握起来。

    编者按:B端设计的色彩体系如何构建?本文从色彩分类、色彩体系、色彩应用3个方面,帮你掌握B端色彩体系的设计基础。中后台管理系统是一种管理工具,用来帮助企业高效、稳定的管理、运营、协作,从而实现降本增效。…

    2023年3月2日 SEO操作
    01
  • 我来教你网页设计的主要类型有哪些。

    现在都讲究垂直领域,网站建设也是如此,就像某综艺节目,一位专业歌手败给了业余歌手,虽然带有一点娱乐性,但是这位专业歌手还是发出这样的感叹:“这个节目很好,但是第一却让一个非专业歌手拿了,让人遗憾!”各个…

    2023年6月15日
    02

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息