网页设计

用户头像
上海/学生/9年前/1761浏览
网页设计

网页设计技巧


    目前的设计趋势是围绕着有趣的形状和层次结合来创造惊人的视觉效果。


    同时也会有一段时间由方形或圆形转移到更有趣的不对称形状,使用其他的元素如菱形和分层形状等:


04cd58f1e3a8a8012049efdf1293.jpg



1)菱形


    画个简单的菱形形状,也会出现在大量的设计。作为一个容器的照片为视觉大纲强调主导的一部分照片,形状有很大的灵活性。


    因为它简单。


    这种风格是可以点击一个菱形打开它,锋利的线条让参考点变得更有趣,添加一个元素的运动或方向,很容易在这些菱形中脱颖而出。


    虽然形状可以以多种方式使用,但它可能有点棘手。作为一个相框,你会失去在四个角落里的部分图像,所以你需要图片有更多的中心焦点,意思是不会丢失。分层的菱形照片Hannington房地产设计表现非常出色,用户不觉得任何丢失的图像。


604758f1ddfaa8012049efb86707.jpg


    作为一个边境或视觉元素,菱形可以作为一个吸引眼球的地方。Linstant通过将文本行动呼吁在一个菱形框架。比仅仅在图片上写文字的形象更直观有趣。


5dd758f1ee29a8012049eff9da02.jpg


    最后,律师萨里郡采用完全不同的方法,并使用菱形的图像添加兴趣。时钟在视觉上可能并不吸引人,但形状有助于吸引用户的眼球。


b25858f1ee89a8012049ef0b0fec.jpg



2)不对称的几何


    这可能是在这段时间出现的一个最好的趋势:不对称形状的设计。


    完美不对称的设计,不会随着时间的推移越来越无聊。这一趋势可以帮助任何人打破常规和有趣的形状,立即让你反思平衡。


    不对称的形状是一个很好的工具,因为它们很有趣并且意想不到。他们提供定向的重点,比如Ghafari网站,注意左上角的形状用于展示品牌,然后用额外的空白页...


9a2e58f1e72aa8012049ef805c23.jpg


    不对称形状的最大的挑战是如何处理留白,而且他们有时需要创造空间。(必须得有创意,来看下面的例子。)不对称设计有时候可以玩元素——也许可以通过使用重量更重的字体来抵消一个不对称的形状可以携带的大部分空间。


3c3a58f1df38a8012049ef201c5b.jpg


    一个不对称的造型设计、简单的概念、时髦的形状可以成为你设计的技巧。



3)分层


    分层即使用各种形状来添加额外的维度。很多的战术设计模式使这种设计更受欢迎,简单来讲,就是结合各层的形状。


    下面的例子使用了三种不同的方式去展示:


    Chrissen Rajathurai网站的组合层是简单的矩形模糊,超大的模糊背景把焦点强调在高清部位。这是典型的分层效果。


1d8958f1e633a8012049ef778bfa.jpg


    Roeno酒吧的首页让底层的背景滚动。运动的分层使得用户放慢脚步,看着屏幕上的内容。而运动的快节奏和简单的说明文字,可以帮助用户快速了解酒庄的背景故事。


72e958f1e5afa8012049efdca922.jpg

    Atlis则运用了一种完全不同的方法。它的设计是使用了两个几何趋势:分层的设计风格和不对称的设计,曲折与悬停动作形成梯形的形式。设计非常简单,让人忍不住看。这也是相当复杂的弹性运动,盒子的陆续弹过,保持与不同程度的滚动和更多的形状不对称形式出现在屏幕上。这是复杂的网站设计,但会带来很大的乐趣。


cdb558f1e590a8012049efbbb1e8.jpg


85
举报
|
24
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】影音icon
高级感金属拟物 UI设计组件库
钱包ui模板
手表表盘UI系列
【新年UI图标】游戏/娱乐icon
新拟态风格 UI设计组件库
盲盒APP UI设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
智能家居中心 简约 UI设计组件库
【新年UI图标】美食icon
【新年UI图标】美妆icon
高级表盘系列UI源文件
UI通用设计素材1
【新年UI图标】酒店icon
矢量立体简约UI蓝白图标
UI_3D图标火箭炮<新春促销>
我的钱包-UI界面设计-app
Security Camera UI kit
柠檬黄主题UI作品集模版
【新年UI图标】珠宝icon
新能源APP应用UIKit
【新年UI图标】家具icon
【新年UI图标】30个图标
你可能喜欢
大家都在看
登录注册