设计网页时的五个实用小技巧

【转自e良师益友网】很多新人小伙伴总是有这样的问题:为什么我的作品看起来不高大上?为什么别人的作品看起来就是很高大上?其实很多时候在于展示时候的小细节,这些小细节又可以说是小窍门。今天我们就来数一下这些情况吧。

字体

关于字体,我们这里去讲那么高深的骨骼、灵魂、性格什么的,我们只说两件事,一是尽量使用英文,二是选择简单的字体。好吧看到这里那些爱国的小伙伴们一定开始愤怒爆豆然后在心里鄙视老牛千百遍了,嗯哼,不要紧你先骂着,其他朋友继续看着。

首 先我们聊聊“尽量使用英文”的问题。实际上这个问题和第二点简单很类似,我们知道,在设计中,画面是最主要的,简洁和一定的留白也是同样重要,这 样才能保持主题的鲜明,不让密密麻麻的中文字去扰乱视觉。中文是非常美丽的文字,但是也造成了中文每一个字都相当于是图形,甚至可以说是图形。那么一件作 品中图形最多能达到多少个呢?十几万吧……嗯……那么这个原因很可能造成你的设计给人感觉很乱、很繁琐、不简洁。而英文的好处?你懂得,才26个字母,你 随便用随便组合,只有26个。即使你用日文、韩文、俄文、法文等等,都是简单的哪几种组合,可想而知老外的老祖宗们是有多懒惰,中国的老祖宗们有多牛逼。 可是你知道,有的时候你就需要“崇洋媚外”,这样才能提高征服你的客户和老板的概率,难道要一遍遍的改稿你才高兴吗?另外你说你的英语水平有限不好,那么 谷歌翻译完全可以帮到你,当然,更好的方法是直接看国外优秀作品中出现的单词注解或者去Facebook、Twitter、Behance等去研究学习, 变相的对自身的英语能力也会有所提高。

事实上,还有一点不完全的心理分析,就是有很多人对已经习惯的东西产生厌倦,而对相对陌生的实物会增加好感。在中国,一个老外从事任何职业,看起来 都比我们同族人“高大上”一些。虽然这个规矩不成文但是事实存在,好在近几年国人对老外已经习以为常,不过对其他6,7亿人还是有很大杀伤力的,不然电视 广告怎么那么多找个老外扮演医生科学家呢?

颜色

色,是我们设计的重要部分。色,也会潜意识的传达给我们一些理念和语言。对于配色的重要,相信大家一定都很了解。

用对色,这个属于一种用户习惯,尽量不要去改变用户的常规习惯,这会让很多人纠结的心情,而且随意的用色有可能使用户造成误操,绝对让你的产品减分。更何况,考虑过用户没带眼镜看不清文字只能通过颜色来感知的环境吗?

不要太用太高饱和度的颜色,这是一种难把握的度。现在互联网上有很多网站配色“模板”,非常建议大家学习使用,从高端设计中去学习配色的妙用。你知 道吗,即使是设计一款蓝色的界面,那么蓝色能有多少种组合呢?往往我们设计的作品最大的失败点就在于用色。如果你对自己色彩感把握不好,那么尽可能的使用 一些饱和度、对比度不高的颜色,这样比较稳;如果你是一个用色高手,那么请自由发挥吧。

图片

一张图片对于作品提案、展示有多重要的影响呢?我们可以实际感受一下:

所 以,有可能你的稿子就是不能通过,很有可能被你所选用的图片所影响。首先你的配图会影响他人对未来产品的期望与幻想,你的设计越美配图越高端,对方越会想 象实现后有多么美好;其次你的图片质量很影响整体设计的美感,有些人对于你作品说不出哪里好也说不出哪里不好,很有可能取决于你的配图;最后,配图的选择 潜意识的让人对你的审美能力产生信任或者怀疑。

尤其是做一些有用户头像的界面,很多人选择的用户头像对于整体也有很大的影响力。尽可能的不要去选择随便的一张照片,而是尽量去选择明星写真作为头 像。因为明星写真都是花巨资找顶级摄影师拍摄的,所以图片的质量非常高,不需要你去做太多的调整。还有,有些老板或者客户,他会潜意识的意淫自己就是用 户,你用的照片就是他自己的感觉,并且如果你选择的人物恰好是对方也喜欢的,那你知道,他更加觉得你是个“有品味的人”。请不要鄙视这一点,人的心里有时 候就是那么有趣,不然淘宝店的衣服就不会那么好卖了。同时不得不说,明星长的就是好看,你不得不去承认。

信息

展示信息这个问题,实际上偏向交互的问题。我们还是放下内在深层的含义,说说表面上的视觉。首先你设计的界面是有一个比重的,如果你的字多,那么用户视觉中心就在文字上,如果你的字少,那么视觉中心就在图上。

其次,对于一些信息量丰富的界面,能简则简,能隐藏的隐藏,能弱化的弱化。信息文字颜色也非常重要,你的黑色不需要全黑,多去尝试一下灰色的信息文字,绝对对你的整体设计加分。

还有,你的文字颜色带一点点环境色的影响,更加提升你的整体品质,这是大多数人看不到细节,但是却是内在非常有影响的事情元素。

版式

版式,又是一个有深奥研究的问题。对于版式的研究,大家可以多去看看平面设计师的分享,里面需要讲究的事情非常多。我们在这里主要说说一些要注意的问题。

文字和边界保持距离。保持一定距离是必须的,这样才能让你整个页面有呼吸感,并且你的呼吸要均匀,就是说你的周围边距尽可能的一样,这既可以保持整齐,又遵守了规范。

不要超过三种字体。其实最好就控制在两种字体最好,甚至只有一种。这一点的意思和我们最开始说的是相辅相成的,你的设计尽可能的去简化信息文字,当 用户刚刚习惯一种、两种字体以后,你又要再制造新的识别度,会让人感到潜在疲劳。而且,越是阅读类的界面设计,越要注意这个问题。

好了,以上这些是设计中比较基本的细节以及一些小点,相信一定会让朋友们的设计有了很好的提升,最后祝大家一稿过不会再改来改去。

更多网页设计教程和思路你可以登录e良师益友网学习观看。

时间: 2024-11-06 03:55:32

设计网页时的五个实用小技巧的相关文章

VC6.0实用小技巧

VC6.0的若干实用小技巧 1.检测程序中的括号是否匹配 把光标移动到需要检测的括号(如大括号{}.方括号[].圆括号()和尖括号<>)前面,键入快捷键 “Ctrl+]”.如果括号匹配正确,光标就跳到匹配的括号处,否则光标不移动,并且机箱喇叭还会发出一 声警告声. 2.查看一个宏(或变量.函数)的宏定义 把光标移动到你想知道的一个宏上,就比如说最常见的DECLARE_MAP_MESSAGE上按一下F12(或右键 菜单中的Go To Defition Of …),如果没有建立Browse fil

必看!macOS进阶不得不知的实用小技巧

不知道大家对使用苹果电脑的体验如何?您充分利用您的mac了吗?其实macOS上存在着许多快捷方式和技巧可以帮助简化我们的工作流程,提高效率,但是在日常生活中经常被人们忽略或者遗忘.以下是macdown小编整理的一些macOS实用小技巧,希望能够帮助大家更好地使用苹果电脑. 桌面和应用程序管理 激活聚焦搜索 如果想在第一时间唤出聚焦搜索的话,你可以使用[Command + 空格].聚焦搜索可以找到任何位于电脑中广泛项目,包含文件.图片.音乐.应用程式.系统喜好设定控制台,也可以是文件或是PDF中指

VC的若干实用小技巧 (如何干净的删除一个类)

Visual C++6.0(5.0)开发工具功能非常强大,但是对于初学者来说,却有很多细节的问题需要注意.作者搜集整理了以下一些实用小技巧,希望对初学者有所帮助. 1:使用vc开发项目时,常会遇到这种情况:      即明明只改动了一个文件,却要把整个项目全部重新编译连接一次.刚刚连接好,一运行,又提示重新编译连接一次,非常讨厌.这是因为出现了未来文件的缘故.      解决方法:      找出对应文件夹下的debug目录,将未来文件全部delete, 再rebuild all一次.(未来 文

实用小技巧1

把windows电脑变成路由器使用 适用对象: windows7.windows8的笔记本电脑或者有无线网卡的台式电脑 网络要求: CMCC-EDU和家里拨号上网的都可以,但是电信的校园有线不行 步骤如下: 1.在开始菜单里搜索cmd,找到后以管理员身份运行 2.在cmd命令行上输入以下命令: netsh wlan set hostednetwork mode=allow ssid=你所共享的无线的名字(最好是英文或者是拼音) key=密码 回车 这一步主要是设置你的“路由器” 3.下一步是开启

UI设计的实用小技巧

本文和大家分享的主要是ui设计中的一些小技巧,一起来看看吧,希望对大家学习ui设计有所帮助. 一.每个设计都能实到其它终端目标: 每一个用户界面都应该建立在以实现一个端目标. 比如,iPhone的拍照摄像设计,使其尽可能容易拍照:而像Facebook,是为了使聊天和分享尽可能一样容易. 从导航到Web表单,用户界面的各方面,应建立以实现您的应用程序目标 ,无论是执行一个函数或者发现新的东西 ,尽可能简单,为用户实现. 二.把一切尽可能简单 当涉及到用户界面设计,简单是成功的关键.复杂的接口属于企

[原创][FPGA]Quartus实用小技巧(长期更新)

0. 简介 在使用Quartus软件时,经常会时不时的发现一些小技巧,本文的目的是总结所查阅或者发现到的小技巧,本文长期更新. 1. Quartus中的模板功能 最近在Quartus II的菜单里找到了一个好去处:language template. 在Edit -> Insert Template下可以看到Verilog HDL.SystemVerilog.VHDL.AHDL.Quartus II TCL.TCL的语言模板. 在Verilog HDL下面,可以找到基本的逻辑操作符.基本语言结构

Maven在Eclipse中的实用小技巧

前言 我们在开发的工程中很多都是Maven项目,这样更加便于我们jar包的管理.而我们一般使用的IDE都是Eclipse,由于我们在日常的开发过程中会经常要用到一些Maven的操作,所以我今天主要跟大家分享一下我们在日常开发中的Maven实用小知识,让大家不再云里雾里. 安装配置Maven 1.安装Maven,下载一个maven包解压,然后配置maven环境变量(配置完成后在dos窗口用mvn命令测试下). 2.在Eclipse中安装Maven插件,Maven插件在线安装地址为:http://m

五个实用小功能,让你更了解你的手机

自vivo手机上市以来,就深受大众喜欢.不仅功能众多,实用性也很强,为viov用户带来了很多的便利.那么,我们今天就来了解一下vivo手机里面实用的小功能吧! 1.后台进程设置其实导致手机卡顿,很大的原因是后台开启了太多太多应用,即使我们退出了,他们还是悄悄的开启着.我们就需要对软件的最大开启数量进行限制,特别是喜欢看视频的朋友,这一点一定要注意了,因为这些软件很可能还在后台开启着,导致了手机的卡顿现象.方法步骤:[设置]→接下来打开[更多设置]→[开发人员选项]→最后选择[后台进程限制]→选择

[转载]Matlab实用小技巧——Matlab学习笔记

1.. Ctrl+C 中断正在执行的操作 如果程序不小心进入死循环,或者计算时间太长,可以在命令窗口中使用Ctrl+c来中断.MATLAB这时可能正疲于应付,响应会有些滞后. 2. figure命令新建一个绘图窗口 figure 可以打开一个空的绘图窗口,接下的绘图命令可以将图画在它里面,而不会覆盖以前的绘图窗口.当有多个figure窗口时,在命令窗口中执行如Plot等命令将覆盖当前figure窗口中的对象.所谓的当前figure窗口,也就是最后一次查看的窗口(可以用命令gcf得到). figu