留言板网页设计

1、.ds-avatar {position:absolute; top:20px; width:31px; height:31px; padding:5px; background:#3border-radius:50%;}

2、https://dribbble.com/

3、动态语言，是指程序在运行时可以改变其结构：新的函数可以被引进，已有的函数可以被删除等在结构上的变化，类型的检查是在运行时做的，优点为方便阅读，清晰明了，缺点为不方便调试。

4、https://webgradients.com/

5、3DWarehouse是一个免费又好用的三维模型网站。多样化的3D模型库。提供无数与SketchUp兼容的预制模型,帮助你加快工作流。

6、https://smartdesignworldwide.com/

7、网址：http://www.uiparade.com/(留言板网页设计)。

8、日本GK设计集团成立于1952年，设立之初即以工业设计为核心，直到今天，经过半个世纪的历练，GK设计集团具备了完整的设计表达以及全局观念，除了工业设计，如今集团业务涵盖建筑与环境设计、平面设计及互动设计等多个领域，除了经验积累，GK设计集团的理论研究也同样在持续。

9、http://www.raumrot.com

10、我们把整体宽度定义为W。然后整个宽度分成多个等分单元A。每个单元A中有元素a和间距i。所以他们之间的关系就是(A×n)-i=W。当然每个应用的尺寸不止可以整除成一种栅格，这就要看我们内容排版的疏密程度了。之后，我们将过多内容的栅格和另一个栅格相加得到更大的排版空间；其他元素都须老老实实呆在自己的栅格内，这样就完成了一个布局非常科学的设计了。 比如

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

12、SoomiPark是一位来自韩国首尔的设计师和多媒体艺术家，她通过自己的作品，探索新兴技术与人类欲望之间的复杂关系。

13、创作理念：作品分为四个部分，首先映入眼帘的是我们的主题，奋斗百年路，此页以时间轴的方式显示了从1921开始，到至今发生的重大历史事件，历史需要铭记，所以来到了我们的红色记忆、网上展馆，页面显示分布在中华大地各个地区具有历史重要意义的纪念馆、故居等，以互联网的形式，带大家进一步了解历史，了解先辈精神。我们当今的生活，离不开党的奋斗，从一开始的曲折，慢慢探索，到现在繁荣，其中是红色革命精神影响了一代又一代的华夏人民，所以第三部分我们介绍了党的12种中国革命精神。最后一个作品，我们介绍了中国共产党历史上的伟人，作为新时代的新青年，必然要学习党史人物，感悟初心使命，最后，祝我们党，健康长寿国家长治久安！

14、https://design-milk.com

15、http://www.qiqufaxian.cn/

16、当视觉稿通过后，很多设计师可能不会主动去做设计规范。其实每一个可迭代的产品都需要设计师来总结设计规范，设计规范就是所有页面中共性的东西，比如说字体不同的大小、图片的尺寸、按钮的样式等，这些共性也是用户访问网站时会理解成固定概念的凭证。比如同样的分享功能如果采用两种截然不同的样式就会让用户困惑。那么设计规范主要也是在约束设计师我们自己，在用户有限的记忆力中减少思考的成本。同时，设计规范也可以保证同一个项目的不同设计师都能输出一样风格的设计来。最后，设计规范对于设计师个人来说也是对项目影响的一个佐证，可以证明你的思考和你在项目中的地位。所以我认为设计师应该主动去做设计规范和项目总结。设计规范如何去做？其实设计规范就是把主要页面的元素固定成统一元素即可。具体来说一个产品的设计规范应该有：字体规范、主体色规范、图表规范、图片规范等不同分类。

17、网站地址：https://www.architecturaldigest.com/

18、http://www.interiordesign.net/

19、.ds-post-main {position:relative; width:500px;}

20、除了介绍一些设计师新作名作之外，还会推荐一些相关书籍与实时展览讯息，以及一些交流会讯息。除了平面还会有一些建筑、交互、时装设计以及艺术方向的案例新作。

21、网站设计中的图片常用4(宽)：3(高)、16(宽)：9(高)、1:1等比例。具体图片大小没有固定要求，但整数和偶数为佳。主要是考虑到一些适配的问题。作为内容出现的图片一定需要有介绍信息和排序信息。图片的格式有很多，比如支持多级透明的png格式、图片文件很小的jpg格式、支持透明/不透明并且支持动画的gif格式等。在保证图像清晰度地情况下文件大小越小越好，如何让网页使用的图片更小呢？

22、https://www.cool-de.com/portal.php

23、免费英文字体库下载站是一个提供免费的英文字体下载的站点，虽然没有中文字体，但是有许多漂亮和新颖的英文字体，而且绝大部分是免费的，是设计师最好用的字库网站。

24、SMcars是一个致力于汽车原型3D模型设计作品分享和设计师交流的论坛，该论坛入驻了大量的汽车模型设计师，分享了很多经典的汽车原型设计作品，可以让你欣赏到很多超前卫的3D汽车模型概念图。

25、同样创立于硅谷的D2M，是一家能够提供全方位开发服务，并且力求通过有趣的方式将科技转化为现实，最终帮助企业成功推出产品的设计公司。

26、https://gratisography.com/

27、http://www.heropatterns.com/

28、P站在插画界多出名真的不用戳戳介绍了吧，因为是日本的插画社区，所以日系风非常浓重，但是不乏世界各地的插画人士都来P站学习参考。缺点就是，经常打不开，网速慢，想看看不了干着急。

29、rchDaily是可以说是目前建筑界访问量最高的网站了，也是建筑师必看网站，据统计每月约有超过6000000的访问量，它对建筑项目有非常细致的分类。部分的项目它还会提供平面图等的图纸。此外，它还有介绍建材以及进行中的竞赛分页部分，对于建筑师或设计师来说都是一个很有帮助的网站。Archdaily现在已经有中文版了，但因为刚开始没多久，项目类型与资源上还没有英文版这么丰富。

30、设计领域里，出一个好点子很难，将好点子实现成设计作品、让其商业化更难，这个过程只能在工作经验中学习了。

31、部分可下载源文件(PS、Sketch、XD、Figma...)

32、不仅如此，千图网还对模板进行了详细地分类，涵盖了平面广告、电商淘宝、装饰装修等11大主流设计类别，可以节省你大量的搜索时间，简直不能再贴心了~

33、Moodboard(在这里创建Moodboard，并轻松分享)

34、https://www.awwwards.com/

35、高质量的设计网站，不定期介绍一些优秀的插画师和故事作品哦。

36、网址：http://www.crayon.co/

37、网址：https://www.thebestdesigns.com/

38、Dribbble(最炫酷的高品质设计师设计案例分享社区)

39、Continuum是全球化的设计创新咨询公司，30年来，他们设计的产品、设计和体验已成为人们生活的一部分，并由此推动社会持续创新。

40、首先新建demo文件夹，里面再新建css文件夹、js文件夹和images文件夹。

41、CRM即Customerrelationshipmanagement，翻译过来是客户管理管理系统。CRM是企业对客户进行信息化管理的一种形式，用互联网技术实现对客户信息进行收集、管理、分析，对企业的销售、服务、售后进行监控。常见的功能有员工日程管理、订单管理、发票管理等。我们在设计这种项目时一定要将信息按所属的逻辑关系分类，加强对比、对齐、重复、亲密性的原则，使操作者在使用的时候感觉到便利。

42、iPad：iPad的尺寸为1024x72048x1536px等，无论怎么变基本与电脑屏幕尺寸类似。所以在iPad上浏览网页是基本舒适的。因此，很多网站并没有专门为iPad做适配，如果我们希望iPad用户用的更爽，可以从文字大小(24PX以上)、按钮大小(88PX左右以及以上)、交互形式(抽屉式导航、导航不随屏幕滚动)等方式入手。

43、Teague可是波音的御用设计团队，看他们官网的设计案例，会让人不由自主得热血澎湃，简直不能再酷炫了。

44、每个企业都需要有一个网站来对外展示自己的能力、介绍自己的产品等。现在接触一个陌生的企业时，很多老百姓都会上网搜索一下其官方网站验证真伪。网站已经是中小企业的标配了。企业网站设计时通常会有网站首页、公司介绍、产品中心、公司团队、在线商城、联系我们等这几个模块，企业网站会展示很多诸如公司环境、团队成员、企业文化等实际的照片，配合一些资料进行设计。企业网站通常也追求所谓“高端”、“大气”、“上档次”的风格，也就是为了达到让消费者认同品牌这个要求。所以如果我们接到了企业网站的设计需求，不妨多去浏览参考一些更加大牌的企业网站作为竞品来参考。

45、网页作品编辑：此作品为学生期末大作业网页设计题材，代码为简单学生水平html+css布局制作，作品下载后可使用任意HTML编辑软件(例如：DW、HBuilder、NotePAD、Vscode、Sublime、Webstorm、Notepad++ 等任意HTML软件编辑修改网页)。

46、Pexels：免费高品质图片下载网是一提供海量共享图片素材的网站，每周都会定量更新，所有的图片都会显示详细的信息，例如拍摄的相机型号、光圈、焦距、ISO、图片大分辨率等，高清大图质量很不错的。

47、https://vaufonts.com/

48、ArtStation这个网站就是简介明了不叨叨，首页打开就是铺天盖地的插画作品，你就放心挑吧。

49、涉及行业资讯、室内设计、软装设计、建筑设计、装修设计、绘画艺术等众多创意领域，有作品展示、学习交流、线上教学、素材出售等等板块。

50、http://www.toshiyukikita.com/

51、从PSD中提取出来的切图(插件：cutterman)

52、http://www.dafont.com/

53、和CarDesignNews类似，Carbodydesign也是国际汽车设计界的知名网站，但是与CarDesignNews不同的是，Carbodydesign是免费的。

54、YANGDESIGN为中国最具前瞻思维的知名工业设计公司，囊获了包括德国红点、iF、日本G-Mark、美国IDEA、亚洲最具影响力设计银奖、福布斯中国最具影响力设计大奖在内的近百项设计大奖。