网页知识!送给新手10条网页设计实用法则
新手常苦于没有师傅手把手教,现在机会来了,今天@AnyForWeb_UDC 同学为大家准备了网页UI设计的10条实用法则,案例全,方法赞,非常适合正在学习进步的新手,来涨姿势吧。
一个主观上很想多多学习的设计新手在工作中最常遇到的状况应该是…没人愿意教!(ps:传统思想告诉我们“教会徒弟,饿死师傅”,所以新人们的如此遭遇也无可厚非;But…另一种可能性是…师傅真的很忙!)
Anyway,今天为菜鸟们奉上关于网页UI设计的10条适用法则,希望能让大家脑洞大开,在设计中得到帮助和启发。
一、纠结的时候,让自然为你做决定!
遵循自然规律的设计总是因为贴近万物本源而受到更多人的宠爱,因此,当你举棋不定的时候,你可以选择将设计代入大自然定律中,让自然为你做出最好的决定。比如,现实和自然告诉我们,光源来自天空,在人们也已经习惯了这种由上至下光线来源的时候,设计师需要做的应该是能顺应用户视线的光线设计。
二、脱离色彩诱惑,能真正看清布局设计
色彩对人类视觉的冲击力能产生最大的效果;一个网页的用户体验是否合格,从色彩和布局上就能看出一二。但在色彩的“陪同”下,布局的好坏与否似乎就此被“矮化”。为了让设计师在设计时能更加清楚的审视网页布局,去色或是“灰度模式”的使用也许更有利于新手的布局设计工作。
灰度模式:
没有了色彩“打扰”之后的网页布局一旦能够让自己满意,再按照色彩理论或是个性喜好添加和更改颜色。
三、设计感是“留”出来的!
大胆留白是设计概念中常常会提到的理论,但真正能根据理论具体落实的设计师却为数不多。可能是因为设计师胆儿不够大(PS:怕被客户喷死,“你是不是偷懒啊!怎么内容那么少!你到底有没有认真做设计啊!@#¥%……&*!”),另一种可能是没有在实际中领会到留白的美妙。
网页设计中的留白是为了在有限的容量中预留一些让其中元素呼吸的负空间,并不是一种所谓的“偷懒”行为。大片留白在国内市场中极有可能面对各种不满,但小范围的留白却能很有效的提高整个网页的档次。比如网页中图片与字句之间的间距,只要留出两倍及以上的间隙,整体都会展现出令人眼前一亮的简洁感。
四、试试把文字直接放在图片上
学习 · 提示
- 一定要打开PS,跟着教程做一遍,做完的图到这交作业: 提交作业
- 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
- 教程有看不懂的地方,可以到论坛发帖提问: 新手求助
- 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
- 关注我们学更多,每天都有新教程: 新浪微博 抖音视频 微信小程序
- d) return false;this.setAttribute('overtime', d + 5000)">上传作业
- 教程提问
- 素材在哪
相关教程
- 排版教程,讲解排版中的对比与对齐
- 色彩知识,讲解三原色的原理和调色关系
- 色彩知识,色彩的基础知识
- 文字排版,二十个文字排版技巧教程
- 配色教程,电商配色基础知识
- 色彩知识,讲解PS工具中的颜色模式
- 二维码,如何设计制作动态二维码?
- 颜色设置,教你如何配置Photoshop的颜色
- 素材技巧,教你如何整理素材
- 压缩图片,三个常用压缩图片工具网站
推荐教程
- 调色知识,简单实用的调色原理
- 用户体验,分享20个有影响力的包装设计
- 用户体验,如何让用户心动?
- 移动设计,移动应用导航模式设计方法
- 设计界面最常用最舒服的12种颜色(含色
- 色彩知识,讲解颜色基础知识和配色理论
- 图片画册平面设计排版ps理论教程
- Photoshop初级教程-命令的技巧
- 颜色管理,让自己的照片在网上正确地显示
- UI知识,尺寸对UI设计的影响
关注大神微博 加入>>
-
色彩知识,分享一些色彩的知识
-
设计的图标模糊?教你四招轻松搞定。
-
教你如何通过直方图识别照片的曝光是否
-
分享一些配色设计的方法
-
论画面中质感与层次
-
UI知识,UI设计师必备学习知识
-
如何找到高质量的图片素材?
-
PhotoShop保存图片格式详解