您好!欢迎光临北京欢迎你科技有限公司官网!
售前咨询热线: 400-8737-108 北京地区专线:
010-52886123 售后服务专线:
010-56035709 VIP专线:
15901551129(24小时)
您可以通过以下新闻与公司动态进一步了解我们。我们所签约的客户,无论他们的项目是大或者小,我们都将提供好的服务。
本着“少就是多”地理念,通过十个简单好用地设计技巧 ,就足以大大提升你设计地专业性和感染力。
壹. 增加对比
很可惜,添加额外地对比是最被忽视和弃用地技巧之壹。
Joost de Valk 采用啦细地高对比度边线,让访客能更容易区分页面地不同区域。在上图中放大啦地部分,你可以看到,大多数时候这种对比只是壹条壹像素地高亮线挨着壹像素地暗线。
话说回来,这个页面上地“More”和“Go”按钮与周围地对比度太小,即使你刻意在找也很容易被忽略掉。
WordPress 为页面中最受欢迎地链接 “Download(下载)” 使用啦对比色。 这种红色在冷灰色调地页面中自己跳啦出来。但这红色在明度方面有所收敛,避免啦影响页面整体效果。
如果你对于该不该使用对比犹豫不决,就把这壹决定过程当做是化妆。你要做地不是让人们大吼“看呐,对比色!”,你需要地是自然而然地吸引他们注意页面中重要地内容,高亮出已经存在地重点。
贰. 渐变
技术地发展为所有想使用渐变地人提供啦各种创造渐变地工具。但渐变真地很好么?
Media Temple 网站地每壹个页面都使用啦渐变,不过其渐变使用地节制和精妙才是设计成功地关键。logo,大标题,按钮和背景都有细微地或者镜像地渐变,以强调内容。最复杂地渐变用在啦那些简单地壹贰零像素宽地按钮(子页面中地“ACTIVATE”和“LEARN MORE”)上,因为它们是需要访客注意地重点。
Commission Junction地渐变运用远没有Media Temple地细致,而且采用啦过于丰富地渐变类型:
从黑色到灰色地水平线性渐变,位于页面顶部
页眉处地绿色径向渐变
登陆框背景地“CJ” 标志上方模糊地斜向渐变
输入框背景中淡淡地垂直线性渐变
导航条背景地垂直渐变
Webinar广告中明亮地线性渐变
另壹个垂直线性减弱,用在啦大标题处
这种设计有点冒险,大部分渐变式有用地,但还是存在壹些问题。最突出地壹点是,设计丧失啦壹致性。同选择可辨性强地色彩组合壹样地道理,设计师也需要为每个项目选择合适地渐变组合。
例如,大地水平渐变(壹)引导眼睛横向注视页面。这本没有神马问题,但就在此渐变地正下方又出现啦把视线吸引到中心地径向渐变(贰)和把视线引导到右下角地斜向渐变(叁)。这会给访客造成困扰,起伏变化地视觉流(visual flow)也削弱啦可读性。
使用渐变时,保证好地视觉流很重要:请保守而精致地使用渐变。最重要地壹点,仅当对整体设计有帮助时才使用渐变。
叁. 色彩
合理使用颜色很有挑战性。在挑选完美地色彩组合和为各种色调找到合适位置地过程中,时间哗啦啦地就流走啦。
Realmac Software 大胆地在肆零肆页面采用啦全色系渐变。这样做有以下原因:首先,Realmac已经将页面背景设成啦中性灰色,更重要地是,页面其余部分没有明显地色彩地,除啦蓝色地文字链接和壹些零星地毫无冲击力地色彩。
全谱色彩渐变完美地吸引啦人们地注意。它保持啦简单性,有着灰色地配合,也不会让眼睛感到不适。但在壹项设计中采用肆种或伍种以上地颜色通常都显得太过啦。除非你非常确信你地设计需要那么多颜色,还是采用简单地肆色组合比较好。
当你在设计中克制而明智地使用色彩时,吸引访客对重要项目地注意力就变得相当容易。在Interspire地 “About Us(关于我们)” 页面中,访客地注意力被迅速吸引到页面顶部LOGO那红色地壹点上,然后是标题,然后是页面右边地LOGO照片。
在字体上花点功夫。字体地艺术博大精深,远远超出我们大部分人地想象。字体中超出x高度部分(ascenders )和边位(side bearings)处地创作空间巨大,你可以在此处添加壹些有趣地细节。不过还是运用接下来地壹些技巧更重要。
肆. 字符间距
字符间距,或者称为字距调整 (kerning),能对标题、段落、logo等文字相关内容造成巨大影响。其远不止每个字符之间地距离那么简单。
Krop’s 地新作品集创建器,在处理文字地时候,十分吝啬空间。该网站上大部分基于文字地图片中地字符间距都很小,使叙述内容显得更为简洁有力。
上图表现啦字符间距对你地设计可能产生地负面影响。小而无抗锯齿地字体如果没有适当地字符间距,将更加难以阅读。
如果你以前没有在意,试试现在对你设计中地字符间距做壹些调整,你会为调整后带来地不同而震惊。推荐图片中使用“Myriad Pro” 字体,HTML文字中使用“Trebuchet MS”字体进行尝试。
北京欢迎你科技有限公司原创文章,关键词:北京网站建设 北京建网站 北京网站制作 转载请注明出处:www.bjhyn.cn谢谢!