软件产品设计学习心得

什么是网页设计

网页设计是在网站上规划和安排内容的艺术，以便它可以与世界在线共享和访问。网页设计是一种美学和功能元素的结合，它是一种数字设计，决定了网站的外观，如颜色，字体，图形和用户界面。

这是一个协作过程，结合了相关行业的知识和工具，从网页设计统计到SEO优化 和UX。网页设计师通常会汇集来自这些领域的专业人士，他们可以优化性能并专注于更大的过程和结果。

网页设计与网站开发

网页设计是指特定网站的视觉设计和体验方面。

网站开发是指网站结构的构建和维护，涉及复杂的编码系统，以确保网站正常运行。

网页设计工具

需要考虑的几个问题：你的团队有多大？你有什么样的预算？您的网站需要什么样的技术要求？你希望达到的整体美学是什么？你会创建一个自适应或响应式设计吗？你的网站的目的是什么？

Website Builder - Create a Free Website Today | Wix.com  这样的网站建设者非常棒，因为他们不需要代码，并且配备了一系列适合每个行业的现成模板。

Responsive Web Design | Website Creation | Editor X     具有更先进的布局，交互，效果和设计资产功能。

网站设计原则

设计的原则作为参考，这是艺术家和设计师实践的一种理论，它概述了任何构图都应该追求的视觉品质。这些并不是严格的规则，而是学习如何应用网站设计的各种元素的指导方针。就像毕加索说的：“像专业人士一样学习规则，这样你就可以像艺术家一样打破规则。”一旦你理解了网页设计的目标，并且对每个网站元素都更加熟悉，你就可以用更有创意的方式来调整方法。

网页设计灵感

网页设计灵感无处不在，我们建议您定期浏览Behance，Awwwards和Pinterest等网站以寻找新的想法。

https://www.behance.net/
https://www.awwwards.com/
https://www.pinterest.ca/
2023年32个最佳网站
32 of the Best Websites in 2023

15个优秀的Wix网站例子，将激励你
15 Wix Website Examples That Will Knock Your Socks Off

21个关于我们的最佳页面，为您的灵感
21 Best About Us Pages for Your Inspiration

25个最好的网页设计加上制作自己的提示
25 Best Homepage Design Examples Plus Tips

联系我们页面：20 个激发您灵感的创意示例
Contact us page: 20 creative examples to inspire you

激发灵感的最佳单页网站 
Best One-Page Websites for Your Inspiration (Plus Templates)

用网页设计灵感激发创造力
設計師作品集 ｜網頁設計 Made with Wix.com

最佳网页设计灵感-营销网站
https://medium.com/theymakedesign/web-design-inspiration-204-28b1a098c621

本人学习软件产品一般使用的软件是mastergo

https://mastergo.com/files/home

MasterGo宣传说对个人和教育是终身免费，企业版暂时也没有收费。虽然是免费的，但MasterGo给我的感觉是一款比较高效的设计工具。做设计的人都知道，设计系统最重要的是案例、插画和图标越丰富越好，在这一点上MasterGo可以说是做得比较完美，拥有⼤量共享资源，其中包括图⽚、图标、插画、模板等四类优质资源。此外，它除了拥有设计界面外，还可以用来做原型线框图。因此在MasterGo上面构建设计系统的速度很快，你还可以直接在上面完成交付开发，反正都是一站式的，就不用再切换到其他的软件，超方便的，而且还可以直接修改组件中任何图层的属性。 另外，在智能布局上，其它的智能布局只可以应用到组件库上面，并且设计特别烦人，但是MasterGo的话可以应用到很多地方，而且容易设定。它还支持多人实时协同设计，最多可以支持500人。大家都知道，设计师有时除了要和团队同时在一个画布上进行协同设计，在工作过程中还少不了和产品经理或者研发人员频繁沟通，如果没有协同功能，就比较麻烦，文件要传来传来，还要浪费时间去沟通。而MasterGo的协同功能可以做到直接在一个链接里干活，极大的方便设计师交付的能力，自动切图，获取代码也非常容易。