深圳网站建【jiàn】设公司 帮助【zhù】企【qǐ】业提升网站形象,彰显【xiǎn】公司实力,PC+手机+微信+小程【chéng】序
【模板网站的价格】国际域名+阿里1G空间+备案 一条龙服务
【定制网站的功能】SEO精准营销系统+城市分站+W3C标准
【营销网站的效果】重长尾,重优化,提权重,扩收录,提排名
【量身订制的设计】据据需求量身定制。设计到满意为止
【专属【shǔ】VIP的服务【wù】】24RX365 为您提供1对1的专【zhuān】属VIP服务【wù】
优秀的【de】排版是构图、图片、配色【sè】、字体等各【gè】方协调的共同【tóng】结果,设计其【qí】实是没有规则可【kě】循,审美从来【lái】都不在【zài】约束内发生。要想让整个版式内容丰富又充【chōng】满呼吸【xī】的【de】空【kōng】间,需要我们整个的思考方【fāng】式都流动起来。
一、没有边界
一段文字和一张【zhāng】图片,甚至一【yī】个图标……在你【nǐ】进行【háng】布局的时候,由于你的素【sù】材并不是【shì】立【lì】刻手【shǒu】到擒来【lái】,你的布局总是喜欢用一【yī】个个【gè】矩形来代表一段文字或一张【zhāng】图片,这本没有错,但【dàn】这个做法也会让你陷入“框【kuàng】架陷阱”。
就像这样【yàng】一个布局,只是画出【chū】了【le】一个大致的框架图,也许【xǔ】你只是想说这只是框【kuàng】架,因为设计规【guī】划前期很多素材【cái】还【hái】并不【bú】完善【shàn】。
然而,很有可能你就会因此而将页面设计成这样
当然,你【nǐ】会说这【zhè】样其实并没有【yǒu】什么不好,因为几乎我们所【suǒ】有【yǒu】看到【dào】的扁平化网页都是这个样式,但可以肯【kěn】定【dìng】的是,这个网页并没有【yǒu】多少呼吸【xī】的空间,整个网页都被信息【xī】所【suǒ】填【tián】满,如果稍【shāo】微改【gǎi】变一下【xià】布局的元素大小和位置,其实就会【huì】展【zhǎn】示【shì】出【chū】不【bú】一【yī】样的版面效果(下图【tú】),而很显而易见后者的排版是更为灵活的。
边界【jiè】所造【zào】成的局限就是你的思维,你将会习惯在这个框【kuàng】架内去【qù】思考解决方案,如果你想【xiǎng】要躲过这个陷阱,就是学【xué】会越过框架去思考【kǎo】。就算你做【zuò】好了框架【jià】,也【yě】要【yào】认识到这不过是一个【gè】前期的不确【què】定方向的【de】试探,你完全可【kě】以改变框架的构造。
很【hěn】多设【shè】计师自诩为【wéi】美【měi】术民工,而觉得自己【jǐ】离【lí】艺术家这个【gè】范【fàn】畴越来越远【yuǎn】,其【qí】本质的差别就是,工【gōng】匠只是重【chóng】复【fù】一项劳动,在创造之前它就已经【jīng】知道了目标。比如设计【jì】网页前,已经知道最终网页做【zuò】成什么样,那么你的工【gōng】作就仅仅是按部就班完成每个元素的对齐工作。而艺术家【jiā】则【zé】是在【zài】事前【qián】并【bìng】不知道结果【guǒ】,往往是【shì】一步一【yī】试探【tàn】去寻找更加有效的【de】解决方案,艺术创作类似于一种冒险。设计师【shī】其实是【shì】取乎【hū】其中,也就【jiù】是两个身份兼有的理想结合。
二、创造焦点
这么说也许【xǔ】有【yǒu】点夸张,但任何一件好【hǎo】的平面作品,一定是有焦点的。就【jiù】像我们谈到过【guò】,十字准星【xīng】型的视觉结构习惯将【jiāng】焦点【diǎn】置于中心位置【zhì】,要制造一个焦点【diǎn】的办法有很多,简言之,就是制造【zào】冲突。想象【xiàng】你【nǐ】在一【yī】个人群稀【xī】疏的【de】大厅,突【tū】然【rán】有两个【gè】人高声争论什么,这时引起了几个人围观,这【zhè】个【gè】情【qíng】景就在原本安静【jìng】的【de】人流【liú】中制【zhì】造了【le】一【yī】个关注焦点。同样,在视觉领域也是如此,利用对【duì】比冲突应该【gāi】是一种最有效的制造焦【jiāo】点的方式。
对于【yú】焦点的【de】认识我们也不【bú】应【yīng】局限于是一个“点”,它是【shì】一【yī】块正吸【xī】引你的视线所【suǒ】投【tóu】射的区域。它还可以分为实焦点和虚焦点,实焦点是在虚焦点之上更【gèng】为精准的投射存【cún】在【zài】。
这个页面设计【jì】中【zhōng】,字【zì】母与静物交相融【róng】合的区域位于正中【zhōng】,成【chéng】为虚焦点【diǎn】,而利用色彩【cǎi】的对【duì】比,那副黄色眼镜又从虚焦点的区域突出出来成为【wéi】实焦点
除了色彩【cǎi】,其他任何属性【xìng】都【dōu】可【kě】以经由【yóu】对比形成焦点,这时你要做的,就是注【zhù】意【yì】焦点不应太多【duō】。也因此,除了焦点以【yǐ】外,设【shè】计中的其他元素【sù】都【dōu】要保持一种相似性。
这里我们总结一【yī】下能用【yòng】于进【jìn】行对比属性【xìng】,这【zhè】些属性之间【jiān】形成的【de】对比越大,冲突越大。
空间:充满-空置【zhì】、积极活跃-消【xiāo】极被动、前【qián】进【jìn】-后退、近-远、二维【wéi】-三维、封闭【bì】-开放
形式【shì】:简单【dān】-复杂、美-丑、抽象-具象、清晰-模糊、几何形【xíng】式【shì】-有机形式、直线-曲线【xiàn】、对称-非对【duì】称【chēng】、完整-破碎
结【jié】构【gòu】:井井有条-混乱无序、排列【liè】成【chéng】序【xù】-随意放置【zhì】、衬线【xiàn】字体-无衬线字体、机械-手工
纹理:细-粗、平滑-粗糙、反光-哑光、滑-黏、锐-钝
位置:顶部-底【dǐ】部【bù】、高【gāo】-低【dī】、右-左、上-下、前【qián】-后、有节奏-随意、单独-分组、接近-远【yuǎn】离、中心-边缘、整齐排列-互不关【guān】联、内-外
方向:垂直【zhí】-水平、垂直【zhí】线【xiàn】-对角线、向【xiàng】前-向后、稳定-活【huó】动、内聚-分散、顺时针方向【xiàng】-逆【nì】时针方向、凹形-凸【tū】形、正体字-斜体字【zì】
尺寸:大-小、长-短、窄-宽、扩大-收缩、深-浅
颜色:黑【hēi】色-彩色、亮-暗、暖色-冷色、明【míng】度【dù】-暗度、天然-人造、饱【bǎo】和【hé】(深【shēn】色)-无【wú】色(素色)
密度:透明-晦暗、稠密-稀薄、液体-固体
重力:轻-重、稳定-不稳定
(摘自《平面设计原理》一书)
设计师在做设计时,其实并不会将这些规范提前【qián】设定在大脑中【zhōng】,而是【shì】经过经验的积【jī】累而【ér】形成一【yī】种潜在的【de】直觉,这【zhè】份清单【dān】的意义【yì】并不是需要你记下它,而是浏【liú】览完后,在设计【jì】的【de】任何【hé】场【chǎng】合的提醒。比如一份作品完成后,可以看看【kàn】究【jiū】竟焦点是否足【zú】够吸引【yǐn】,哪些元素【sù】需【xū】要进一步调整。
焦点突【tū】出【chū】的前【qián】提是非焦点区【qū】域的元素尽量保持一致【zhì】。制造冲突似【sì】乎手到擒来,但【dàn】是要保持一【yī】致却需要步步为营。
例如下图页面正中的图案也是整个页面的焦点所在
可以看到虚焦点区【qū】域是这个由手【shǒu】绘【huì】花朵、几何图案【àn】数字以【yǐ】及其他手绘图案【àn】组【zǔ】成的这个【gè】图案几何体,实【shí】焦点却是落在了最大的手绘【huì】花朵上。这时【shí】,手【shǒu】绘花朵【duǒ】的有机与相邻的几【jǐ】何形有了一个对【duì】比,这就是【shì】几何形式与有机【jī】形【xíng】式的对比。
最大的实心【xīn】花【huā】朵的尺寸【cùn】大小刚好和右下【xià】方手绘的大脑的尺寸相同,而它们【men】之间也存在色彩与【yǔ】无【wú】色彩【cǎi】的【de】对比。
三角【jiǎo】的几何形与数字的位置刚好都是三角。再仔【zǎi】细观察整个【gè】彩绘花朵的【de】材【cái】质和图中【zhōng】的几何【hé】形以及【jí】数字【zì】的材【cái】质都相同,而与手绘的大【dà】脑的绘画材质有明显的差【chà】别,它们彼此间相【xiàng】互对【duì】比,而彼此【cǐ】又【yòu】有统一。
经【jīng】过分析观察,一个焦点的构造也没有想象那【nà】么简单。如果把对比和【hé】统【tǒng】一看作一个天平的两【liǎng】极【jí】,那么所【suǒ】有元素间【jiān】的关系都是在它们之【zhī】间取值,此【cǐ】消彼【bǐ】长最后达到平【píng】衡。这完全【quán】可【kě】以【yǐ】看作是【shì】一种力学。
如果你的画【huà】面中元素越多【duō】,越需要你加强整个【gè】画【huà】面的统一的力量。
下面这个设【shè】计【jì】是由许多小插画所【suǒ】聚合的一个页【yè】面,一不小心【xīn】就【jiù】陷入【rù】凌乱,而【ér】设计师【shī】将这些【xiē】插画分为三块内容【róng】,每块内容【róng】用背景色分区【qū】,形成三个矩形,这是形【xíng】状的统一。这些插【chā】画的材质和风格【gé】也统【tǒng】一,同时插画的物体所【suǒ】展【zhǎn】示的【de】方向也都是往斜下方,也【yě】形成了一种【zhǒng】统一。因此,你【nǐ】可以【yǐ】看到【dào】这个画面的对比的力量【liàng】相【xiàng】对【duì】较弱,焦点是左【zuǒ】边的矩形这一点没有人【rén】怀疑,而这个焦点里【lǐ】的插画可以看到是一【yī】件男士【shì】衬衫和女士衬衫,男女用品的形成了对【duì】比【bǐ】。这个对比相对而【ér】言并不【bú】十分强烈。
三、保持比例
说起比例,难免和数学公式扯上关系【xì】。其实,简单一点来看,我们完全【quán】可以把比例看作一个视觉的原子【zǐ】单位,一【yī】切位【wèi】置、大小的关系都以【yǐ】这【zhè】个【gè】原子单位【wèi】为标【biāo】杆。
比【bǐ】如【rú】我【wǒ】确定一个原【yuán】子单位是50px的正方形,那么【me】以这个矩形为基准【zhǔn】来【lái】创作一【yī】个图形,这个【gè】图形就是又这【zhè】个正方形所搭建的,有【yǒu】点类似我们【men】玩的拼图游戏。
加入了50px的网【wǎng】格线后你就会【huì】明白它们正好【hǎo】合乎【hū】原子【zǐ】单位的【de】比例
以上说明了【le】比例这件事,无论是一比【bǐ】三【sān】还是五【wǔ】比二,其中的道理都【dōu】是从这个原子【zǐ】单位衍生过来【lái】的。在网页设计中,为了保持比例【lì】可以采用网格作为【wéi】辅【fǔ】助线。在Photoshop中可以【yǐ】任意设置网格的大小,网【wǎng】格的大【dà】小最【zuì】好【hǎo】能【néng】和你的文档成比例关系。比如你的【de】新建文档【dàng】宽度【dù】是1600px,那么网格【gé】可以设置为80px或者【zhě】160px等。根据【jù】网格线【xiàn】进行大小尺寸和位置对齐,网格线越小,最终的结果也就越灵活。但【dàn】也要【yào】注意网【wǎng】格如果太小【xiǎo】其【qí】实就【jiù】并【bìng】没有发【fā】挥太【tài】大的作用。
比【bǐ】例会让【ràng】你的网页设计形成【chéng】某种看不见【jiàn】的稳【wěn】定感,每个元【yuán】素【sù】恰如其【qí】分的【de】表现在所应该出现的位置,如果你选采【cǎi】用对称的布【bù】局【jú】,由【yóu】于对称本身就具稳定性,因此【cǐ】,网格在非对称的布局【jú】中【zhōng】发【fā】挥作用更大。
下面这【zhè】个表现叠【dié】叠乐游戏趣味的设计【jì】就【jiù】是采【cǎi】用网格才【cái】能【néng】让每个色块各得其所。它的不对【duì】称布局随时【shí】给【gěi】人一种倾塌的【de】紧张,更需【xū】要背后有比例的【de】支撑。
四、魔幻几何
网页【yè】布局几乎都是由【yóu】几何【hé】构【gòu】成【chéng】的,加之显示屏本身就是矩形,因此在布【bù】局时最常【cháng】用到【dào】的也是矩形。
五、矩形
给人以稳重、踏【tà】实、秩序【xù】之感,因此,比较予人一种信赖【lài】。在【zài】网页设计中,不仅可以将图片设【shè】计为【wéi】矩形,文字段落也可以为矩形。如下面【miàn】的例子中左文【wén】右图的版式【shì】的图文【wén】分别【bié】都【dōu】为矩形
作为矩形【xíng】,还有直角矩【jǔ】形和圆角矩【jǔ】形之分,这两种矩形分别【bié】传递出不同的【de】感觉,圆【yuán】角矩形【xíng】相对没那么尖锐,它往往更柔和【hé】圆【yuán】润【rùn】。
除图文【wén】以【yǐ】外【wài】,还有作为色块所出现的矩【jǔ】形,一般为强调视觉重点所用。如下面例子中左【zuǒ】边的【de】矩形方框用于聚【jù】焦【jiāo】文字段落
六、三角
三角有一【yī】种稳【wěn】定性【xìng】,因为关于三角最多的联想【xiǎng】是【shì】一座【zuò】山或金字塔,这种结构本身就能抵抗外在环境的侵【qīn】害。你的潜【qián】意识会【huì】把一个【gè】正三【sān】角看成一种庇护。三角形的【de】力量上【shàng】的稳健感【gǎn】觉常常用在【zài】建筑【zhù】等有着人工痕【hén】迹的领域。
三角的出现所呈现的稳定人心的气场【chǎng】不应被干扰【rǎo】,因此,以三【sān】角作为图【tú】片出【chū】现【xiàn】时,它就是全场的焦点。当然,如果仅仅作为图案出现的【de】三【sān】角例外【wài】。这也表现【xiàn】出三角形【xíng】的某种霸气【qì】和孤立。
由于三角其【qí】实也是【shì】矩形的一半,因此用【yòng】三角形来引申出矩形的【de】意【yì】向【xiàng】,经过巧妙【miào】地构【gòu】图安排,同样【yàng】可以发挥矩形布局的【de】效果。
七、圆
圆是【shì】完满,也象征着周而复始,可以说圆是很东方风【fēng】格【gé】的符号元【yuán】素。圆有一【yī】种柔性的豁达,因此它比起【qǐ】三角的尖【jiān】锐来说力量感稍弱,而显【xiǎn】得更为【wéi】活泼。如果你的【de】页面【miàn】中充【chōng】满圆点,无疑【yí】,这个【gè】页面【miàn】势必让【ràng】人联想到这是【shì】以【yǐ】儿童或少女【nǚ】为受众的网页。
圆的魅力在于圆融,所以它能和在任何【hé】版式【shì】中【zhōng】都适【shì】用,而【ér】且【qiě】它也能形成一种聚焦
因为我们对【duì】于圆有种流动性,因此,它【tā】并不具备稳定【dìng】这样一【yī】个特征,在【zài】布局上如果【guǒ】采【cǎi】用圆进行【háng】布局,在它四周的【de】布局【jú】表达都会受到影响,因此,在圆【yuán】形的使用上我们都需要进一步改【gǎi】良。比如保【bǎo】持圆形的尺寸【cùn】不易过大,因为【wéi】过大的圆形容易挤【jǐ】压本【běn】身屏【píng】幕的边缘线【xiàn】,对【duì】四【sì】周【zhōu】产生一【yī】种压迫感【gǎn】。
在利用几何进【jìn】行布局设计时,往【wǎng】往文字段落都是【shì】用矩【jǔ】形版式居多,这样也就【jiù】是说【shuō】在【zài】配图以及图案造型时【shí】需要利用几何本身【shēn】的魔力进行排【pái】版。其实自然界本【běn】身的【de】结构都可以简化为几何造【zào】型【xíng】,甚【shèn】至一张图片本身就带着几何造型的【de】特征。因此你可以将【jiāng】图片内容本身和几何【hé】结【jié】合【hé】起来【lái】运【yùn】用。
有些几何造型【xíng】并不【bú】单纯,比如矩形【xíng】经【jīng】过倾斜角【jiǎo】度就变成【chéng】了平行四边形。两个三角形【xíng】相叠加就变成了六角星形。四边形多增加【jiā】一个边就【jiù】是五边【biān】形,依次增加就变【biàn】成【chéng】了【le】多边形。几何间经过巧妙地组合还能形成新【xīn】的造型,这几乎让几何拥【yōng】有【yǒu】了无穷【qióng】无【wú】尽的魔力。
如本例中【zhōng】的三角形将角变圆【yuán】后,图形的【de】尖锐感没【méi】有了,给整【zhěng】个图形增添了一份灵动
后记
灵动【dòng】本【běn】身是一个极富【fù】感染力的【de】词汇,也许源【yuán】于【yú】此很【hěn】多人以为这就需要煞费苦心,其实往【wǎng】往越用【yòng】力越欲【yù】速而不达,只要明确了设计的目【mù】标,你就只需要【yào】跟【gēn】随目标而【ér】进入过程。这里不得不提及【jí】,很多看似【sì】简【jiǎn】单的【de】可操作性的技巧都未必能真【zhēn】正帮到你【nǐ】,比如“运【yùn】用黄【huáng】金比例就能获得最【zuì】佳效果”“非【fēi】对【duì】称布局一定比对称布局更具动感”“一个页面的色【sè】彩不得超过三种颜【yán】色”“字体用蓝色阅读体验不【bú】佳”……类似【sì】这样的经验总结之所以会误导【dǎo】你【nǐ】的原【yuán】因【yīn】,并非它本身不正确,而是由于【yú】它并没【méi】有为初学者提供【gòng】一个外部环境,他们只给出了基于他们设计现场里出现的问题的解决方案,而换个环境【jìng】就未必适合你。
设计最好玩的是,永【yǒng】远没有标准答案。一件即使【shǐ】被称为大师【shī】的杰作也等待有人能突破它,或许我【wǒ】们【men】也应该放【fàng】弃“突【tū】破【pò】”这【zhè】个竞技式的思维表【biǎo】达,而应该【gāi】说【shuō】,不同的人应该演绎不同的风【fēng】格【gé】。
我们的服务 | |
企业网站建设 | 企业【yè】网站【zhàn】建设,企业网【wǎng】站设【shè】计,中小企业网站【zhàn】制作,企业官网建设公司 |
营销型网站建设 | 营销网站建设,营销型网站【zhàn】设计制作,营销网【wǎng】站系统,SEO系统,关【guān】键【jiàn】词轻松上首【shǒu】页 |
品牌网站建设 | 品牌网站【zhàn】建设【shè】,企业网【wǎng】站网【wǎng】站设计,品牌网站开发,高端品牌【pái】网站【zhàn】制【zhì】作,企业品牌官网建【jiàn】设 |
外贸网站建设 | 专【zhuān】业英文网站建设【shè】,中英文【wén】网站的建站,外贸网站定制开发【fā】全球访问快,能快速排名谷歌【gē】第一页【yè】 |
响应式网站建设 | 响应式网站建设【shè】,H5 html5设计【jì】,制作响应式【shì】网页,响应【yīng】式建【jiàn】站 |
商城网站建设 | 购物【wù】网站平台 电商商城建站 网购网站建设 购【gòu】物商【shāng】城网站建设 大【dà】型商城网站开发 |
小程序开发 | 微信公众号开【kāi】发【fā】,微信开【kāi】发【fā】,微信【xìn】小程序开发,微信公共号二【èr】次开发,微信公共平台开发 |
PHP定制开发 | PHP开【kāi】发,php系统开发【fā】,PHP定制功能开发,PHP应用程序开发,Web应用【yòng】开发 |
套餐 | 展示版 | 营销版 | 外贸版 |
价格 | 1800.00元-4800.00元 | 4800.00元-9800.00元 | 3800.00元-9800.00元 |
对象 | 内容相对较少、追求性价比的用户 | 对网站整体设计、优化、有要求的用户 | 品牌型外贸【mào】网站建设、有网络营销需【xū】求【qiú】和长远的网络【luò】营销【xiāo】计划的用户 |
域名 | 国际顶级域名 | 国际顶级域名 | 国际顶级域名 |
空间 | 500M | 2000M | 3000M |
功能 | 17项功能 | 19项功能+营销策划+1个营销页 | 21项功能+营销策划+3个营销页 |
兼容 | PC+移动 | pc+移动 | pc+移动 |
流量 | 不限 | 不限 | 不限 |
页面 | 不限 | 不限 | 不限 |
周期 | 25天 | 30天 | 40天 |
备案 | 国外 | 国外 | 国外 |
系统 | 展示系统 | 营销系统 | 外贸系统 |
套餐 | 1800元套餐【cān】:无【wú】设计,手工前端【duān】(指【zhǐ】定样式或仿制网站) | 4800元套餐:定制设计+手工前端 | 3800元套餐:定制设计+网页邮件询盘 |
2800元套餐:定制设计+站内优化 | 6800元套【tào】餐:定制设计+手【shǒu】工前端+三合【hé】一端+站内【nèi】优【yōu】化 | 6800元套餐【cān】:定制设计【jì】+网页邮件询【xún】盘+三合一【yī】端 | |
4800元【yuán】套【tào】餐:定制【zhì】设计+手工前【qián】端+站内优化【huà】+三合一端【duān】+微信网站 | 9800元套【tào】餐:定【dìng】制设计【jì】+手工【gōng】前端+三合一端+站内优化+城市分站 | 9800元套【tào】餐【cān】: 定【dìng】制设计+网页邮【yóu】件询盘+三合【hé】一端+专题分站 | |
默认是自适【shì】应(手机+电脑二套代码)。响【xiǎng】应式一套代【dài】码二端用不利于【yú】收【shōu】录与优化【huà】。可【kě】根据【jù】用【yòng】户要求做成响应式 | |||
功能配置 | |||
功能 | 17项功能 | 19项功能 | 21项功能 |
1个营销落地页 | 3个营销落地页 | ||
1 | 定制型页面设计 | 定制型页面设计 | 定制型页面设计 |
2 | 后台管理系统 | 后台管理系统 | 后台管理系统 |
3 | 自定义二级菜单 | 自定义二级菜单 | 自定义二级菜单 |
4 | Baner设计 | Baner设计 | Baner设计 |
5 | 首次内容添加 | 首次内容添加 | 首次内容添加 |
6 | SEO配置 | SEO配置 | SEO配置 |
7 | 站内搜索 | 站内搜索 | 站内搜索 |
8 | 友情链接 | 友情链接 | 友情链接 |
9 | 在线客服 | 在线客服 | 在线客服 |
10 | 统计分析 | 统计分析 | 统计分析 |
11 | 网站地图 | 网站地图 | 网站地图 |
12 | 网站定期备份 | 网站定期备份 | 网站定期备份 |
13 | 社区分享营销 | 社区分享营销 | 社区分享营销 |
14 | 登陆日志 | 登陆日志 | 登陆日志 |
15 | https安全 | https安全 | https安全 |
16 | 管理员角色管理 | 管理员角色管理 | 管理员角色管理 |
17 | 网页询盘系统 | 网页询盘系统 | 网页询盘系统 |
18 | 定时更新 | 定时更新 | |
19 | 页面访问权限设置 | 页面访问权限设置 | |
20 | 地区专题页 | ||
21 | 行业专题页 | ||
版权所有:深圳市网商在线科技有限公司
友情链接: