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

相关推荐

  • 谈谈以内容为王的电商网站建设

    以着名的X宝为例,在电脑桌面端它们的电商网站建设有着非常重要的两条消费者动线: 其一,是搜索; 其二,是分类导航。 在电脑端为主的电商网站设计,这两种属於中心化的流量分配方式。而到了移动端的时代,则要充…

    2022年6月25日
    0114
  • 页面微交互设计需要思考的问题

    页面设计当中所要使用的微交互元素,其实对於用户来说几乎是看不到的。但它们又是实实在在功能性的。若果你的微交互元素让用户感觉到突兀,无法缓解加载缓慢的尴尬或者自然的引导,那麽必须优化甚至重新设计。 微交…

    2022年6月25日
    0113
  • 分享网页设计与制作书职高。

    对不起,由于技术限制和格式问题,我无法在这里提供一个完整的1200字的回答,但我可以为你提供一些关于网页设计与制作考试题库的信息。 网页设计与制作考试题库主要包括以下内容: 1. HTML和CSS基础知识:包括HTML…

    2024年7月4日
    03
  • 网页设计中的可爱技巧。

    想要把一个网页设计变成"可爱的东西",首先你得试着弄清楚是什么让一件东西变得可爱,而这正是它变得困难的地方。整个概念自然是主观的,这是一种模糊的温暖和模糊的情感,似乎与我们想要微笑的冲动直接…

    2023年2月15日 SEO操作
    00
  • 网页设计技巧:界面色彩太乱怎麽办

    界面色彩太乱怎麽办?色彩搭配,一直是网页设计中的重中之重。但由於不同人对色彩的把控力和敏感度不尽相同,导致市面上的网页设计作品质量参差不齐。因此,要想提升网页设计的视觉效果,掌握一些配色规则是非常重要…

    2022年6月25日 建站资讯
    0137
  • 乾货!浅谈页面空白状态

    空白状态是页面设计最为常见的组成部分之一,它的作用不仅仅是装饰那麽简单。而且还需要告知用户,这个页面是什麽,引导页面去进行接下来的浏览和操作。 一个合格的空白状态的页面设计,至少需要满足以下一个条件:…

    2022年6月25日
    0115
  • 5种成熟的导航栏设计 让你的网站用户体验加分

    可靠的导航设计能帮助用户达成目标,找到所需的内容,提升页面的转化率。但设计不合理的导航对於用户体验来说简直就是灾难,间接影响网站的转化率和用户的留存率。那麽,怎样的导航设计才算是成熟呢? 成熟的导航设…

    2022年6月25日 建站资讯
    0525
  • 网页设计有哪些技巧。

    想要提升网站的吸引力,精美的网页是必要的。网页设计的好坏,直接吸引着客户浏览的次数,有客户前来观看,我们的网站流量才会高。所以网页设计是关键。接下来我们重点分析一下网页设计的一些技巧。 第一,网页设计…

    2022年7月4日
    0119

联系我们

QQ:951076433

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