返回  

2023年现代网页设计应该是什么样的?(上篇)

2023/2/1 9:24:15 来源:深圳网站设计南隼互动

现代网站设计的特点是什么?这是一个很常见的问题。


从客户在网站建设项目开始时的疑问,到设计师试图弄清楚如何结合最新和流行的元素,弄清楚现代网页设计应该是什么样子是我们最大的挑战之一。

事实上,我们应该很容易就可以说出现代网页设计不应该是什么样子,当你实际看到一个过时的设计时,你就知道它过时了。在这里,我们收集了23个现代网页设计的例子,以帮助你更好地了解2023年的网页设计应该是什么样子。


1. 可交互性(Accessible Interactivity)

Accessible Interactivity

可交互性将是今年最热门的设计短语之一。几乎在每一个设计圈和开发规划会议上,我们都在讨论如何让网站看起来很棒,并且具有高互动性和功能,以及具有高度的可访问性。

你可能需要稍微放开一点思想,但这是一项相当可行的任务。

在上面的例子中,你可能会首先注意到大的文本,但如果你开始点击,你会注意到这个设计中的几乎每个元素都能帮助用户完成一项任务或引导另一个交互。另一方面,屏幕浏览器可以识别每个元素,并且从元素的颜色到大小都有很高的对比度,这确保了任何用户都能舒适地使用设计。

现代设计应该看起来都像这样,包括更多的对比度,大字体和可阅读的设计,这些设计主导了网站设计领域。


2. 超棒的图像(Images that Wow)

Images that Wow

一张含有粗体字、令人惊叹的大图片真的抵得上千言万语。

将其与聪明的设计相结合,你就拥有了一个不可忽视的、令人惊叹的因素。正是这种设计会让用户停下来,让他们在网站上停留更长的时间,并鼓励参与和互动。

在上面的例子中,你几乎是情不自禁地查看图片。每一眼都能显示出另一层深度。

此外,设计元素的分层和连接方式使场景更加惊人——所有的文本和图像层实际上反应非常好。图像的意义没有丢失,任何尺寸的图像都一样令人惊叹(这是一个相当高的要求,但这是用户在现代网站体验中所期望的)。


3. 针对手机用户粘性的设计(Design for Mobile Engagement)

Design for Mobile Engagement

Design for Mobile Engagement

设计师运用现代设计思维进行思考的一个明确标志是——一个项目应该同时为移动设备而设计的。这并不意味着忽略桌面端,但它不再是唯一的优先级。

移动优先的例子包括更长的滚动网站,桌面端上水平“屏幕”在移动设备上应该同样得到合理且舒适的排版以及交互体验。

界面应该先对简单一些,方便点击和滚动交互。对于拥有比桌面用户更多的移动用户的网站来说,这是一种真正的用户至上的考虑(到2023年,移动端用户将成为大多数行业网络流量中占很大比例)。


4. 动效(Animation)

Animation

微妙的动效将发挥更好以及更有趣味的效果,它们表明设计师正在平衡这些互动元素与用户交互时的体验。动效过快会变得难以承受,所以带有目的性的小动效是理想的。

这对你的网页设计意味着什么?

· 以悬停状态激活动效

· 动效应该是微妙的,可以引导你的视觉或注意力通过整体设计

· 创造愉悦感的动效,比如旋转的鼠标指针或行动指令

· 你必须寻找的细节动效,比如设计中的某个地方的眨眼或旋转

· 动画使设计更容易使用,并告诉用户如何进行交互


5. 极简(Minimalism)

Minimalism

你不需要像白板一样设计得那么简洁,但你必须承认,这种简洁的设计非常引人注目,几乎迫使你阅读屏幕上的每一个字。

极简是立即传达信息的好工具。这种风格为你想要表达的内容提供了一个明显的焦点。诀窍是确保元素有足够吸引力来吸引用户的视觉。在以上的案例中,它是一个有趣的大尺寸文字的排版。


6. 大胆的颜色(Bold Color)

Bold Color

过去那种朴素的中性灰的网站已经一去不复返了。现代网站以明亮、大胆的色彩为特色。从柠檬黄(上图)到紫色、绿色和粉红色,在构建调色板时,几乎没有什么是被限制的。

诀窍吗?选一种颜色,好好使用,从整个色系中汲取灵感。


7. 大胆的字体(Daring Typography)

Daring Typography

我们正处于网站设计使用大胆的排版的阶段。你已经可以看到一些设计,似乎打破了所有的字体规则,仍然看起来令人惊叹。

Online Women Biz就是其中之一。首先是巨大的——我的意思是巨大的——W,它占据了屏幕的大部分。这个标志使用了一个颠倒字母的时髦字体。滚动图标被封装在一个动画的文本环中,在使用过程中你会发现有多种字体和样式。

所有这些都是打破规则的,但它仍然看起来很棒,容易理解,并且有一种工作的氛围。


8. 流线型导航(Streamlined Navigation)

Streamlined Navigation

流线型导航提供了一个网站设计最重要的方面——导航可以只包含几个关键栏目或访问次数最多的页面,它不应该包括你网站上的每一各栏目。

没有什么比大型下拉式导航菜单更能说明这是“老网站”了。


总结

当你浏览那些2008年左右制作和使用的网站时,你会明显的知道这个网站已经“过时”了,这就是现代网页设计的反面教材。上面的例子都有一个共同的主题,你可能会看到许多现代网页设计的元素在其中组合使用。

这个共同的主线就是提高可用性的简单性。网站访问者可能不会花很多时间在你的网站上,所以你需要让它在视觉上吸引人,易于一眼理解。这就是今天现代设计的本质。









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务