您好!欢迎光临北京欢迎你科技(jì)有限公司官网!

售前咨询(xún)热线:  400-8737-108  北京地区专线: 010-52886123  售(shòu)后(hòu)服务专线: 010-56035709  VIP专(zhuān)线: 15901551129(24小时)

您可以通过以下(xià)新闻与公司(sī)动态进一步了解我们。我们所签约的客户,无论他们的项目是大或(huò)者小,我们(men)都将提供好的服务。

  • 整理编辑人员(yuán):北京网站建(jiàn)设 首次发布时(shí)间:2015/1/28 点击(jī)次数:543910

      本着“少就是多”地理念,通过十(shí)个简单好用地(dì)设计技巧 ,就足(zú)以大大提升你设计地专业性(xìng)和感染力。

      壹. 增加对比

      很可(kě)惜,添加额外地对比是最(zuì)被忽视和弃用地技(jì)巧之壹。

        Joost de Valk 采用啦细地高对比度边线,让访客能更(gèng)容易区分页面地不同区域。在(zài)上图中放大啦地部分,你可以看到,大(dà)多数时候这(zhè)种对比只是壹条壹像(xiàng)素地高亮(liàng)线挨(āi)着壹像素地暗线。

      话说回来,这个页面(miàn)上地“More”和“Go”按钮与周围(wéi)地对比度太小,即使你刻意在找(zhǎo)也很容易被忽略掉。

        WordPress 为页面中最受欢迎地链接 “Download(下载)” 使用啦对比色。 这种红(hóng)色在冷灰(huī)色调地页面中自己跳(tiào)啦出来。但这红色(sè)在明度方面有所收敛(liǎn),避免啦影响(xiǎng)页面(miàn)整体效果。

      如果你对于该不(bú)该使用对比犹豫不决,就把这壹决定过(guò)程当做是(shì)化妆。你要做地不(bú)是让人们大吼“看呐,对比色!”,你需要(yào)地是自然而然地吸引他们注意页面中重要地(dì)内容,高亮出已经(jīng)存(cún)在(zài)地重点(diǎn)。

      贰. 渐变

      技术地发展为所(suǒ)有想使用渐变地(dì)人提供啦各种创(chuàng)造渐变(biàn)地工具。但渐变真地很好(hǎo)么(me)?

        Media Temple 网站(zhàn)地每壹个页面都使用啦渐变,不过其渐变(biàn)使用地节制和精妙才是设计成(chéng)功地关键。logo,大(dà)标题,按(àn)钮和背景都有细微地(dì)或者镜像地渐变,以强调内容。最复杂(zá)地(dì)渐变用在啦那些简单地壹贰零(líng)像(xiàng)素宽地按钮(子页面中地“ACTIVATE”和“LEARN MORE”)上(shàng),因为它们是需(xū)要访客注意地重点。

        Commission Junction地渐变运(yùn)用远没有Media Temple地细致,而且采用啦过于丰富地渐变类型:

      从黑(hēi)色到灰色地水平线性渐变(biàn),位(wèi)于页面顶部

      页眉处地(dì)绿色径向渐变

      登陆框背景地“CJ” 标志上方模糊地斜向渐变

      输入框背景中淡淡地垂直线性渐变

      导航条背景地垂直渐变

      Webinar广告(gào)中(zhōng)明亮地线性渐变

      另壹个垂直线性减弱,用(yòng)在(zài)啦大标题处

      这种(zhǒng)设(shè)计有点冒险,大部分渐变式有用地,但还是存在壹些(xiē)问题。最突(tū)出地壹点是,设计丧失(shī)啦壹致性。同选择可辨(biàn)性强地色(sè)彩(cǎi)组合壹样地道理,设计师也需要为每个项目选择合(hé)适地渐(jiàn)变组合。

      例如,大地水平渐(jiàn)变(壹)引导眼睛横(héng)向注视页面。这本(běn)没有神马问题,但就(jiù)在此渐变地正下方又出(chū)现啦把视线吸引到中心地径向渐变(贰)和把视线引导到右下角地(dì)斜向渐变(biàn)(叁)。这会给访(fǎng)客造(zào)成(chéng)困扰,起伏变化地视觉流(visual flow)也削弱(ruò)啦可读性。

      使用渐变时,保证好(hǎo)地视觉流很重要:请保守而精致地使用渐变。最重要地壹点,仅当对整体设计有帮助(zhù)时才使用渐变。

      叁. 色彩

      合理使用颜色很有挑战性。在挑选完美地色彩组合(hé)和为各种色调找到合适位置地过程中,时间哗啦(lā)啦地就流走啦。

      Realmac Software 大胆地在肆零肆页面采用啦全色系渐变。这样做有以下原因:首先,Realmac已经将页面背景设成啦中(zhōng)性灰色,更重要地是,页面其余部分没有明显地色彩地,除啦蓝(lán)色地文字(zì)链接和壹些零星地毫无冲击力地色彩。

      全谱色彩(cǎi)渐变(biàn)完美地吸引啦人们地注意。它保持啦简单性,有着灰色地配合,也不(bú)会让眼睛感到不适。但在壹项设计中采用肆(sì)种(zhǒng)或伍种以上地颜(yán)色通常都显得太过啦。除非你非常确信你地(dì)设计需要那么多颜色,还是采用简(jiǎn)单地肆色组合比较好(hǎo)。

      当你(nǐ)在设计中克制而明智地使用(yòng)色彩时,吸引访客对重要项目(mù)地(dì)注意力就(jiù)变得相当容易。在Interspire地 “About Us(2024澳门一肖一码一必中一肖(men))” 页面中,访客地(dì)注意力被迅速吸引到页面顶部LOGO那红色地壹点上,然(rán)后是标题,然后是页面右边地LOGO照片。

      在字体上花点功夫。字体地艺术博大精深,远远超出我们大部分人地想象(xiàng)。字体中超出x高度(dù)部分(ascenders )和边位(side bearings)处地创作空(kōng)间巨大,你可以在此处添(tiān)加(jiā)壹些有趣地细(xì)节(jiē)。不过还(hái)是运(yùn)用接下来(lái)地壹些技巧更(gèng)重(chóng)要。

      肆. 字符间(jiān)距

      字符间距,或者称为字距调整 (kerning),能对标题、段落、logo等文字相关内容(róng)造成巨大影响。其远不止每个字符之间地距离那么(me)简单。

        Krop’s 地新作品集创建器,在处(chù)理文字地(dì)时候,十分吝(lìn)啬空间。该网站上大部分基于文字地图(tú)片中地(dì)字符间距都很小,使叙述内容显得更为简洁有力(lì)。

        上图表现啦字符间距对你地设计可能产生地负面影响。小而(ér)无抗锯齿地字体如果没(méi)有适当地字符间距,将更加难以阅读。

      如果(guǒ)你以前没有在意,试试现在对你设计中地字符间距做壹些调整,你会为(wéi)调整后带来地不同(tóng)而震惊。推(tuī)荐图片中使用“Myriad Pro” 字体,HTML文字中使用“Trebuchet MS”字体进(jìn)行尝试。

    北京欢(huān)迎你科(kē)技有限公司原创(chuàng)文章,关键词:北京网站建设(shè) 北京建网站 北京网站制作 转载请(qǐng)注明出处:www.gushen135.com谢谢!
    上一篇 :北京网站(zhàn)建设(shè)公司总结啦一些好网址地注册技巧!
    下一篇 :北京网站制作公司给大家分析一下网站建设地优势!
  • 微信客服1

  • 微信客服2

  • 微信客服3

  • 微信客服4

咨询热线:010-52886123 400-8737-108
京ICP备11011491号-1
客(kè)服工作时间
周一至周日
9:00 - 24:00
客服团队
网站超市
高端定制
手机网站
微信网站
八合一(yī)站
空间域名
网站备案
投诉建议
夜(yè)间值班(bān)
联系(xì)电话
400-8737-108
网站地图