超实用!如何让一个网站看起来高大上且更有设计感? - 优设网 - UISDC

超实用!如何让一个网站看起来高大上且更有设计感?

2015/02/25 26701评论区

make-website-looks-well-designed-1

编者按:很多同学关心这个问题,今天魅族的@陈希_CHRISCHEN  总结了四点超实用的建议,附上相关的教程,帮新手们快速打造高大上的设计感,学起来 >>>

姑且仅理解为视觉层面上如何更好,当然一个网站不仅仅只有视觉,最终的结果是多方因素的完美结合。

让人感受“高大上”,首先设计需要具备一定的冲击力,那此题也可以理解为如何生产这样的冲击力。

一:遵循「简单、平凡」

很多人会误以为网站要用到很多的特效,切忌大量使用动画、动画不宜过分夸张(例如PPT里的百叶窗这种动画),遵循物体简单的运动和实际操作带来的反馈去做动画,该有的时候出现,不该有的时候别瞎蹦。

同理,遵循简单有效的布局,利用细节去改变你的网站,通过段落的排版,字体的选择,图文的穿插等细节的方式提升美感。

字体选择教程:《平面排版时,教你突出中文美感的几种方法》

图文穿插教程:

PS:记得有句话说「不怕没品味的人,就怕没品味的人用心」

二:舍得留白

设计需要充分但不过分的留白,留白给人以奢侈的感受。页面寸土寸金,没有十分必要,不要把它塞得过满。此外,留白可以更好的凸显主体;在特定情况下,适当的留白还能产生别样的意味。


留白教程:《推荐!通过留白打造简洁有效的设计》

三:变化,即对比

万物皆因变化富有美感,书法的章法能很好的诠释这个问题,大小、粗细、轻重、湿燥的对比之美让简单的文字变得富有魅力。

对于网站也相同,仅仅字体的对比就能产生很多美感,利用字体的变化排版,也是一种直接有效的方式。

四:高质量图片

图片是渲染气氛最有效的方式,图片叠加文字的方式是一种非常取巧的办法。一张高质量的图片本身具备的美感已经足以提升逼格。



想搞定这一步,你得有:

  1. 大图:《免费高清!10个无版权限制的大图特供网站》
  2. 字体:《字体排行榜!2014年最受欢迎的35款字体素材打包下载》
  3. 原因:《设计师必看!为什么英文要比中文在设计中显得高大上》

如果你不信,那还有更屌一点的,传说中的「黑白噪点压大字,高端大气上档次」,简直抓全了精髓。

布局简单平凡、富裕的留白、响亮的对比关系、就连图片在 黑白+噪点 的处理后也变得大气起来。啊~~有什么是设计不能拯救的呢?

【成为解决问题的人!E大的人气好文推荐合集】

图像与文字的设计心理学小科普!
《设计师必看!为什么英文要比中文在设计中显得高大上》

LOGO有哪些设计忌讳一定要避开?
《设计师必看!LOGO设计的忌讳有哪些?》

搞定小白用户的最佳演示!
《超实用的设计心理学!怎么用隐喻设计引导用户?》

原文地址:zhihu
作者:@陈希_CHRISCHEN

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量90万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/make-website-looks-well-designed

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里