设计网站

设计网站

  • 6篇文章
  • 30513位观众
在线咨询

网站设计,要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来;而网页制作通常就是将网页设计师所设计出来的设计稿,按照W3C规范用html(标准通用标记语言下的一个应用)将其制作成网页格式。

网站设计

涂晗日

涂晗日
+关注
  设计网站需要严谨的思考和周全的计划。

  最重要的事情是了解您的受众(用户)。

  用户都是浏览者

  如果您认为一般的用户会完完整整地阅读您的网页,那么您就错了。

  无论您在网页中发布了多么有用的信息,一个访问者在决定是否继续阅读之前仅仅会花几秒钟的时间进行浏览。

  如果您希望用户阅读您的文字,请确保在页面段落的第一句就说明您的观点。另外,您还需要在整个页面中使用简短的段落以及有趣的标题。

  少即是多

  使所有的句子尽可能地短。使所有的段落尽可能地短。使所有的章节尽可能地短。使您的页面尽可能地短。

  请在段落和章节之间使用很多的留白。充斥着冗长文字的页面会赶走您的用户。

  也不要在单一的页面上放置太多的内容。如果确实有必要传递大量的信息,请尽量把内容分为小块,然后放入不同的页面中。不要指望每个访问者都能把一张数千字的页面一路滚动到底。

  导航

  尽量创建通用于网站中所有页面的导航结构。

  把文本段落中的超链接使用量降至最低。请不要使用文本段落内的超链接随意地把访问者带到别的页面。因此这样做会破坏导航结构一致性的感觉。

  如果您必须使用超级链接,请把它们添加到段落的底部,或站点的导航菜单。

  下载速度

  最常见的错误是用于网站开发者的开发环境造成的,例如使用一台本地的机器开发站点,或者使用一条高速的因特网连接。开发人员有时不会意识到下载他们的页面要花很长的时间。

  因特网可用性方面的研究告诉我们,如果网页的下载时间超过7秒,大多数的访问者会选择离开。

  在您发布任何大量的内容前,请确保这些页面在低速的调制解调器连接上进行过测试。如果您的页面需要花大量的时间下载,您或许应当考虑删除某些图片或多媒体内容。

  允许您的用户发言!

  得到来自用户的反馈是件好事情。您的访问者就是你的“客户”。他们经常会给您一些有价值的点子,或者无偿地向您提供改进的建议。

  如果您提供了某种方便的联系途径,您将得到来自很多技能和知识都各不相同的人们大量有益的反馈。

推荐10个国外优秀的设计资源的网站

江振平

江振平
+关注
1. 365 Awesome Designers

链接:http://365awesomedesigners.com/

该网站每天推荐一名优秀设计师作品

2. Behance

链接:http://www.behance.com

名气很大的设计网站,各创意领域丰富齐全

3. Howdesign

链接:http://www.howdesign.com/

分享各类设计师设计灵感,商业性较强

4. DaFont

链接:http://www.dafont.com

漂亮和新颖的英文字体,而且绝大部分是免费的,是设计师最好用的字库网站

5. Dribbble

链接:https://dribbble.com

提供作品在线服务,可在线查看已经完成的作品或者正在创作的作品的交流网站

6. Unsplash

链接:https://unsplash.com

每日更新一张高质量图片,各类设计场景均可应用

7. Illusion

链接:http://illusion.scene360.com/

提供富有意境美的摄影作品

8. Bezier

链接:http://bezier.method.ac/

以游戏形式帮助大家熟悉钢笔工具的绘画路径

9. DADA

链接:https://dada.nyc/home

与艺术家通过创意视觉图像的联结进行对话,比如你发布一张图画,世界上的任何人都可以以不同的图画回复你

10. Subsign

链接:https://subsign.co/

以图文结合的形式分享设计,并提供视频参考

7个设计师必备的国际顶尖设计网站

认真香氛

认真香氛
+关注
1.Behance

与dA不同,Behance是为那些专业艺术家,那些以艺术谋生或者将艺术作为一个非常严肃的爱好的人建立的。由于严格规定和高标准,Behance正在成为一个高级的专业网站。

Behance的网站看上去很直观,很有条理:作品按小组,类别,甚至国家来分类。用户可以根据爱好,专业水平或者正在一起做的项目来建立朋友圈或合作伙伴圈。如果你想找这个网站的亮点,那就看看招聘版块和交互系统吧。在Behance,艺术家们能得到一致的作品集系统来按照步骤展示工作流程和项目进度。虽然一堆大手的名字会吓到新手,但是Behance可能是唯一能与艺术家和设计师分享你的经验和知识并且获得专业反馈的地方。

类别:网页和界面设计,美术字,字体设计,平面设计,工业设计,交互设计等等

招聘版块:有且非常热闹

高级账户:不确定。Behance用于出版作品集的专业版网站账户费用最低为一个月11美元。

2.Dribbble

先说重点,Dribbble是一个邀请制的网站,并且是那种每个设计师都会为跻身其中而自豪的专用网之一。用户每月有24个免费的shot来展现才华,获得关注。坦白讲,Dribbble就是由”shots”和”rebounds”组成的。Shots是你作品的冰山一角或是其中一张。Rebounding是回应一个shot或者发布与某一想法有关的一系列作品小样的好方法。

邀请系统也保证了作品质量保持完整。毕竟,挑选一个新人进入这个圈子也是一种责任。

类别:界面设计,网页设计,脚本,美术字,ios应用设计,3D设计等等

招聘版块:有

高级账户:有,收费是一年20美元。对Scouts账户来说是有更高级的搜索功能,更专业的人员、附加项目、附件和统计表。(译者注:Dribbble上的账户分两种,一种是Prospect,是获得账号邀请的设计师,可以创作作品并在上面发表。另一种是Scout,这种账户可以纯围观别人的创作或者雇佣设计师。)

3.Forrst

私人社区网站总是充斥着流言,但是我必须说Forrst

彻底解决了这个问题。这是一个邀请制的社区,不过如果你是GitHub的会员,你无需邀请就能登录。总的来说,Forrst的全部就是分享四类内容:问题,SNAP,代码和链接。这看起来跟Dribbble有点像,但Forrst是专为网站开发者而建的。

编辑团队推出了一个很棒的可从iTunes下载的播客用于放送设计相关的话题和教程。作为一个封闭式网站,Forrst让会员们与高水准的作品保持同步并且只邀请那些符合要求的人。另一个严格的举措是沉掉令人不快的帖子,这样这个社区的内容就能保持干净不跑题

类别:图标,软件,网站界面,用户界面

招聘版块:有

高级账户:有,叫做”支持账户”,每月5美元。提供数据表和客户域名,无限制的附件上传等等。

4.Designmoo

Designmoo.com是一个开放的设计师网站,旨在为会员提供客观的反馈和让他们实现自己计划的机会。得益于其丰富的免费资源(字体,笔刷,插图,图标和其他东西)和积极有效的互动体系,Designmoo发展迅速并跻身于世界性大型社区之列。

在这里,每个作品都可以拥有 “赞”,评论和反馈建议。这还有一个给想通过Designmoo或第三方网站出售作品的高级会员的交易平台。这个社区将各种可能的方式运用得淋漓尽致来促进免费且高质量的东西。一个广受好评的例子是以将交通高峰的来源页打上企业标志为亮点的”免费赞助”。

类别:交互素材,新闻邮件设计,字体,平面作品等等。

招聘版块:没有,但是有一个用于购买或出售高品质的设计相关产品的交易平台。

高级账户:每月九美元起价,提供与Dropbox同步,外部托管的资源分享和图片上传宽屏预览等服务

5.Designshack


Designshack是一个给设计师们提交作品,获得反馈和使用常规的设计相关的新闻和文章的用户友好的一条龙方案。这个网站非常易用;图库里有三个主要分类:网页设计,品牌设计,标志和界面设计。


成为Designshack的会员会让你免费获得独家的Wordpress主题”Marketed”,原价可是三十美元哦。而且,只要49美元,你的作品就能得到来自编辑团队的宣传文章加持。这样,每个会员都能有机会得到关注并且收到对他艺术作品的客观评论。

类别:网页设计,界面设计,品牌设计和标志

招聘版块:无

高级账户:没有,但是推广要付49美元

6.Patterntap

我们来看看更有针对性的社区吧。Patterntap建立于四年前,作为一个”设计师们学习网上有什么好作品和为什么好的教室”,它的大部分会员对用户界面设计和图案感兴趣。这个网站可以用Twitter账号登陆,作为该网站的一员,可以在每个条目下留下评论。如果你正在寻找灵感或提高设计能力,Patterntap就是你该去的地方!

类别:美术字,纹理,字幕,配色方案,滑动条,子导航和其他丰富资源。

招聘版块:无

高级账户:无

7.Typophile

Typophile是另一个很有针对性的社区——这次是字体爱好者。如果你热衷于字体设计艺术,想获得经验,遇到志同道合的人,并且准备好忍受一些批评,那你会在这找到所有想要的东西。这个网站本身是个规模很大的论坛,是讨论字体和字型,相关软件,设计小技巧的地方。虽然拥有大量充满创意的作品,但这个网站从不设付费账户并且受到Punchcut.com(一家来自旧金山的设计咨询公司)的资助。

工业设计网站推荐整理

神勇小霸王

神勇小霸王
+关注
国内篇:

1. 普象工业设计 http://www.pushthink.com/

类似于behance的工业设计交流网站,但普象的特色在于国内设计师较为活跃,是一个国内设计师相互交流,展示作品的好平台。

2. 设计癖 http://www.shejipi.com/

设计癖是一个创意设计分享型的网站,集合有平面,艺术,动画,工业设计等方方面面的国内外最新动态。其中还有各类设计比赛的讣告和国内各大设计公司的招聘信息。

3. 在找灵感---工业设计网站大全【全球】 http://0011.ys168.com/

工业设计网站大全以交通工具,产品设计,珠宝设计为主的综合资源共享平台,其中汇集有各大设计公司,组织,机构以及设计师个人的网站链接。

国外篇:

1. Behance .http://www.behance.net/

Behance 是展示和发现创意作品的领先在线平台,同时也是 Adobe 系列的一部分。涵盖的领域包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、排版、动画、声效等。

2. YD yanko design http://www.yankodesign.com/

YD主要以概念设计作品的分享为主,涵盖家具,产品以及交通工具。其中的概念设计创意点都较为新颖,若冲着开阔思路来的YD会非常适合你。

3. Designboom http://www.designboom.com/

Designboom是一个拥有17多年历史的意大利工业设计网站,在全球设计行业中具有较高的知名度, 自从1999年起便成为艺术设计领域的大本营,独立报道一系列设计,建筑,艺术,摄影及平面设计方面的先锋作品。

4. core77 http://www.core77.com/

Core77

是美国一个专注于介绍全球工业设计行业信息的网站,创建于1995年,拥有来自全球各个国家的工业设计粉丝。Core77上发表的文章包括了工业设计作品,工业设计论文,工业设计最新动向等内容,是一个比较权威的工业设计网站,也是一个交流和学习平台,让这些设计师在这里参加设计比较、展示自己的作品。

5. design-milk http://design-milk.com
design-milk号称为你准备每天所需要的“维他命D”, 这里的“D”意思为Design。该网站的内容大都以工业设计,室内设计,建筑设计为主偶尔有一些科技及时尚类内容。

6. cardesignnews http://cardesignnews.com

Car
Design
News是全球最大的汽车设计社区,来自全世界汽车设计专业学生和设计师在这里在线交流分享汽车设计。它全部的报道汽车设计新闻,深度报道关于汽车展览、设计信息等,另外在新闻方面对汽车设计主管进行专访,组办汽车设计比较,还包括了设计理念交流、汽车制作工艺流程报道。

7. coroflot http://www.coroflot.com/

创建于1998年,Coroflot上迄今为止拥有140万个创意设计,超过15万来自全世界设计专业人士在上面发布自己的作品,它上面的设计师涵盖了工业设计、平面设计、时装、室内设计、纺织品、交互设计、建筑设计、插画家等艺术设计方面的人士,甚至包括了专业软件技术方面3D建模和渲染的设计师在上面发布自己的作品。

Coroflot上不仅设计师可以在上面自由的发布自己的设计作品,还聚合了很多知名的设计公司青蛙设计、微软、诺基亚、英特尔等大公司在上面发布自己在设计人才需求方面的招聘信息。

8. Cool Hunting http://www.coolhunting.com/

Coolhunting是一个寻找灵感的站点,他的英文名字就是寻找灵感,此站从众多作品中筛选出最经典的创意设计、技术、艺术等作品,每日更新。

设计师必看的15个设计网站(国内外篇)

复杂冬瓜

复杂冬瓜
+关注
1、https://homeadore.com/

Homeadore ,是一家国外的设计网站,成立于2012年,这个网站能找到全球最热的家居设计,包括facebook,twitter,各种私人博客的内容,是一个总结类,收藏类的网站,目前全网粉丝在300w左右,创始人说:设计师的一天是从Homeadore开始的。

2、http://annagillar.se/

3、http://cocolapinedesign.com/

4、http://79ideas.org/

5、www.architonic.com/en

国外知名品牌的家具聚散地,也是海量家具和产品图库

6、www.houzz.com

以素材为基础,间接推荐设计师、施工方及供应商,室内设计领域在全世界排第一位,国内一直有人模仿,一直处在山寨状态。

7、www.yatzer.com/

国际案例为主,更新较快,作品有质量、热门栏目:design architecture art,有不少国内优秀作品发布在上面。

其实国内的好多设计网站也做的很好

这里也推荐几个给大家

8、https://www.gooood.cn/

谷德设计网

gooood是中国最受欢迎与最有影响力的高品质建筑景观设计门户与行业平台。高品质门户传播世界建筑、景观、设计与创意;

9、http://loftcn.com/

LOFT中国

LOFT中国,一直致力于室内设计领域。可以说,国外的很多优秀的设计在这个网站上都会呈现,网站内容也是相当丰富的,办公,餐厅,建筑改造,商业空间等等,页面排版也很简洁。适合灵感发散,创意空间设计。

10、http://decomyplace.com/

Decomyplace是一个台湾的设计网站,这个网站不仅仅有全球大量的图片案例,而且这个网站还会对方案设计进来很系统的分析,这一点是我看过的网站中最为之钦佩的。文章分析中还有很多gif动图,方便设计参考和学习。

11、http://www.yidoutang.com/

一兜糖,应该是国内最接地气的设计装修网站了,你可以在上面看到很多业主家的真实案例,了解业主的真正需求,从毛坯房到入住,可以让你学到很多。

12、http://www.banjiajia.com/

扮家家室内设计网,提供业内顶尖的效果图作品,设计案例,室内设计教程,3dmax模型,设计书籍等,学室内设计必上的综合性网站。

13、https://www.kongjiancool.com/

空间酷全称为空间酷超级素材工具,英文名称kjc Toolkit。核心宗旨是帮助室内设计师提高工作效率,让设计更简单。

现上线一个强大的智能下载插件功能,重点还免费使用哦!


14、http://www.xiadele.com/

下得乐3d素材库(xiadele.com)-专注于3dmax模型,给予设计师下载3d模型、3d组合模型、3d贴图、vray材质、3d软件,cad施工图等海量室内设计素材,还坚持每天更新。

国外25个知名设计网站(推荐收藏)

眼睛大牛排

眼睛大牛排
+关注
1. Behance

Behance是UI设计师非常喜欢逛的设计灵感类网站。你能看到来自世界各地不同设计师的作品,还可以展示自己的作品。Behance 的管理团队每天都会从各种领域中的精选新作品。这些领域包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、排版、动画、声效以及更多。

2. Dribbble

另一个能与Behance“并驾齐驱”的就是Dribbble。相信没有哪一个UI设计师不认识她。Dribbble 的口号是,你正在创作什么?然后,鼓励创作者上传个人的作品,以及正在创作的作品到 Dribbble 网站上。一般来说,一个用户贡献作品的网站往往是内容质量水平参差不齐,但Dribbble的作品整体质量却非常高,许多摄影师、设计师和其他创意产业人士都喜欢在这里展示其未完成的设计,通过与其他设计师的共同探讨来激发自己的灵感。如果你想要提交自己的作品,需要其他设计师的邀请码。

3. AWWWARDS

AWWWARDS同样是个灵感类的网站,网站本身的设计就十分简约和清晰。它不同于Behance和Dribbble,主要展现的是优质的网页设计类作品。你不仅可以点击某个作品就能进行收藏还可以直接访问该网站,非常方便,是网页设计师不容错过的设计网站。它还给网站开发者提供了竞赛的平台,旨在促进大家认识最佳的创新网页设计,全年最好的作品将在Awwwards会议和颁奖仪式上颁发,有兴趣的设计师可以试试。

4. UI Movement

UI Movement 网站是一个致力于手机APP和分享最好的UI设计灵感,帮助设计师获得最优秀的UI设计作品。如果你对APP UI动效感兴趣的话,那这个网站你必须收藏。

5. Flickr

Flickr是一个在线的图片分享的网站,你可以在上面找到你想要的所有图片以及储存你的图片,我相信UI设计师会很喜欢这个网站,因为上面的图片都太精美了。PPT极客很喜欢这个网站。

6. Land-book

Land-book这个网站主要致力于挑选精美优秀的着落页和作品集,如果你对设计着落页和作品集有疑惑,那么这个这个网站会让你学习到很多。当然,你也可以上传自己的作品和收藏你喜爱的作品。

7. Site inspire

顾名思义,site inspire是一个网页集合类网站,你可以根据不同的风格,样式,种类来搜索你想要的网站,对视觉效果和交互要求比较高的设计师来说是一个非常值得收藏的网站。

8. Mobbin

Mobbin是一个精选的最新移动UI设计模板集合网站,这些模板能够体现出了市场上最佳的APP设计,你可以从130个iOS APP和6000多个模板中获取灵感,对于想要寻找设计模板的设计师来说帮助非常大。

9. Ecomm.design

如果你是设计电商类网站的设计师,那么这个网站简直就是你的“福音”。你可以通过目录,平台,科技,流量来查看不同电商类网站的设计。

10. Lapa

Lapa旨在帮助设计师找到设计灵感,并学习和提高设计技巧,他们网站上的设计作品是每日更新的,作品选取非常有特色,是一个专门提供着落页设计合集类的网站。

11. Sitesee

Sitesee 是一个网站集合类的平台,平台上的网站设计种类多是简约型的,个人十分喜欢的灵感类网站之一。

12. Pttrns

Pttrns是一个手机APP类合集的网站,能看到左侧的导航栏有两个区块,一个是按设备(iPhone、iPad、Android、Watch),一个是按App 界面模块来搜索你想要的设计,非常细致。

13. Uplabs

Uplabs是一个专门为设计师打造的资源推荐社区,上面汇集了很多前端设计作品,还有大量的Android和iOS UI的资源, 是实时更新的。另外Uplabs也有很好地marketing功能,大家可以去免费或付费下载资源。

14. Onepagelove

如果你只想设计单页的网站设计,那么这个网站绝对是你的首选。网站上还有很多精选的模板可以供使用,有付费和免费的。

15. PINTEREST

Pinterest 我相信大家都不陌生,Pinterest堪称图片版的Twitter,用户可以将感兴趣的图片在Pinterest保存,其他用户可以关注,也可以转发图片。这个平台涵盖的内容非常丰富,包括设计类,家装类的还有菜谱类的等等,是一个图片集合网站。

16. Collectui

Collect UI 是一个致力于从Dribbble网站上收集优秀的UI设计案例站点,每天都会从该网站上手动更新最佳的设计作品,帮助设计师们找到漂亮的UI用户界面案例,这些UI组件可以帮助设计师们找到设计灵感。移动端UI设计案例居多,收录的数量也是非常丰富的,而且归类详尽到多达160多种,可以从网站左侧快速定位进行浏览。遇到喜欢的作品,还可以直接追踪到Dribbble关注它的作者。

17. Smashing Magazine

这是一个UX 设计的博客类网站,这个平台给UX 设计师提供诸多的学习资源包括,网页设计,APP设计和开发类资源,每篇文章的质量都非常高。非常值得UX设计师持续关注,并且eBooks中很多免费的优秀书籍。

18. Mockplus blog

Mockplus是一款更快更简单的原型设计工具,它的博客里涵盖的内容非常全面包括,原型设计,UX设计,UI设计等等,并且还有许多免费原型模板的例子和资源可供下载。

19. Designer News

Designer news是一个设计论坛社区,来自世界各地的设计师都可以在上面提交自己的问题和看法,设计师们可以通过谈论的形式获取想要的信息内容,值得UX 设计师收藏。

20. UX Magazine

UX Magazine 是一个专为UX设计师打造的博客类平台,从这里你可以获取最新的UX 设计的资讯和新的设计潮流,还可以在此平台上申请UX 工作机会。

21. Creative Bloq

Creative blog是一个专业的UX设计资源平台,包含的资源内容很丰富,包括web设计,平面设计,插图等,文章的专业度也很高。

22. UX Design Edge

UX design Edge不仅仅是提供优质的文章资源,还提供UX培训课程和咨询。

23. Medium

Medium是个人长期逛的一个平台,虽然它是一个综合类的平台,但关于UX设计类的资源相当丰富,几乎每天都会花一两小时的时间去阅读。强烈推荐。

24. User Experience Stack Exchange

同样是问答类的UX设计平台,Stackexchange 始终保持着谁都可以提问,谁都可以回答,最好的答案会通过投票置顶的原则,是UX 设计师和调研师值得每天一看的资源平台。

25. Interaction Design Foundation

IDF是一个交互设计的组织平台,当然他们的文章资源都是关于UX 设计和交互设计的,想要了解这方面专业知识的设计师可以收藏到书签。
  • 16条数据