281
2024-08-03 06:18
admin一、推荐几本网页设计和UI设计的书？
2018年，你不能错过的8本Web设计书籍推荐
俗话说，“问渠那得清如许，为有源头活水来”，不可否认地看书是学习网页设计中，必不可少且最为有效的途径之一。市面上有很多设计经典之作，比如《写给大家看的设计书》，通过分类阐述“重复、对齐、对比、亲密性”四个设计准则，将原本晦涩难懂的设计理论变得具体、清晰、可操作。小编在这里也整理了类似实用的网页设计经典书籍，并且归纳为：版式设计、配色设计、字体设计、设计人文等。话不多说，一起来看看吧。
设计入门类
1.《点石成金：访客至上的网页设计秘笈》
作者：Steve Krug
推荐指数：★★★★★
可用性设计是Web设计中重要但也有难度的一项任务。本书从可用性测试、用户使用行为及心理、主页布局及导航设计等方面，都提出了许多独特的讲解。书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及很多图表信息，让枯燥的设计原理更加平易近人。适合Web设计和Web开发人员的阅读。
2.《界面设计模式》
作者：Jenifer Tidwell
推荐指数：★★★★
该书作者既是一名交互设计师，也是一名软件工程师，有着扎实深厚的研究功底。本书是很好的Web设计入门书籍，按照设计进程的大致顺序，细致地梳理了交互设计中的模式，且每个模式都至少有一个范例，又方便初学者迅速理解并上手。在它的第二版中， 又新增了社交媒体、移动设计的内容，切合当下的技术发展潮流。
前端网页类
3.《响应式Web设计：HTML5和CSS3实战》
作者：Ben Frain
推荐指数：★★★★
作为未来网页设计领域的主要潮流，响应式可以说已经逐渐取代现在的DIV+CSS设计。这本《响应式设计：HTML5和CSS3实战》可能是目前最好的关于响应式Web设计的书籍，主要介绍有以下几方面的内容：
• 响应式Web设计
• CSS3选择器
• 流式布局
• 使用HTML5与CSS3的表单设计
• 跨浏览器解决方案
版式设计类
4.《平面设计中的网格系统》
作者：Josef Müller-Brockmann
推荐指数：★★★★★
网格设计可以说，是一个平面设计师应该拥有的设计意识和能力。这本由“瑞士平面设计先驱”约瑟夫米勒撰写的书，被誉为西方经典设计著作，其中完整阐述了网格系统理论和设计理念。
5.《超越平凡的平面设计:怎样做好版式》
作者：John McWade
推荐指数：★★★★
美国著名平面设计师John McWade在书中，既全面讲解了平面设计的基本知识，又分享了实用的设计方法和技巧，并配以许多完整的设计案例，帮助你做出优雅且实用的版面。
配色设计类
6.《配色设计原理》
作者：日本奥博斯科编辑部
推荐指数：★★★★★
这本书通过简单易懂的示例作品，逐条讲解了不可背离的配色理论。此外，介绍了理论无法适用时应对的配色设计方法，并且讲解了色彩知识和易用的PS激发，简明易懂。
字体设计类
7.《西文字体》
作者：小林章
推荐指数：★★★★
这本书从亚洲人的视角，告诉我们应该如何正确使用西文字体，以便彻底掌握经典款西文字体。本书分别从“字母的形成”、“认识西文字体”、“西文字体的选择”、“玩味西文字体”、“西文字体制作”等方面，细致讲解了西文字体的发展背景以及鉴别方式。
设计人文类
8.《设计师要懂心理学》
作者：Susan Weinschenk
推荐指数：★★★★
这本书出自国际知名设计心理学博士Susan Weinschenk之手，讨论并解答了设计师必须了解的100个心理学问题。每个问题都配以示例、并给出即学即用的设计建议，让我们能轻松理解设计背后的心理学冬季。包含的内容有：
• 人如何观察
• 人如何记忆
• 人如何思考
• 人如何决策
网页设计工具推荐
工欲善其事，必先利其器，对于设计师而言尤其如此。毋庸置疑，好的工具对于整个设计的加成是有很明显的帮助效果。同时，不同的工具配合不同的设计流程及设计对象，对于最终效果和效率的提升都有很大的影响。这里也罗列了几款实用简单的软件和工具，不妨看看。
Mockplus — 更快、更简单的原型设计工具，提供有大量精美的设计模板，包括：网页、手机APP、平板灯，支持创建网页项目。鼠标拖拽、最快5分钟创建可交互的原型，团队协作省事省时。最近发布了一款设计协作平台Mockplus X，进一步提高软件团队沟通及开发效率，值得一试。
PSD2HTML — 高端的设计格式转换工具，能将我们设计的PSD文档转换为HTML/CSS代码，甚至为WordPress主题或网页模板。它基于网页端，让我们将设计快速转为实际可用的页面、甚至产品。
Photoshop — 入门必须掌握的基础软件，可以说页面的美观很大程度上依赖于PS的制作效果图设计如何。
结尾
以上是强力推荐大家阅读的Web设计相关的书籍，我们不难发现好书往往是通俗易懂、便于指导我们实践的！同样的道理也适用于挑选一款合适的设计工具，但只有最适合的、才是最好的。希望以上内容对你有所帮助。
文末福利~
最后，给各位设计师大大推荐我们团队开发的设计协作神器。
用设计协作神器-摹客iDoc，设计师交付作品更轻松：
- 完成设计一键上传，标注和切图自动生成；
- 支持Sketch、PS、XD的设计原稿和设计图；
- 全貌画板展示流程，页面任务完成度一目了然；
- 设计规范自动采样生成，还可分类管理、同步应用、一键导出设计风格指南。
【福利】戳这里免费领取团队版：团队版领取
相关阅读：
Mockplus 做原型，更快，更简单！
二、怎样根据ui设计出网页？
你需要具有以下技能：
具备基本的ps技巧用于切图
具备html的知识
具备css的知识
如果有交互，还需要具备javascript知识
如果需要有数据的交互，还需要后台语言如java php .net 和数据库相关知识。
三、学UI设计好，还是网页设计好？
都可以，UI设计可能更加通用性，比如移动端也会有涉及，不过现在网页设计也有移动端，所以区别不是很大。
如果你硬要选择一个的话，建议你选择UI设计吧。
四、自学ui设计看什么书？
想自学UI设计，推荐一些书：《设计原本》《界面设计模式》《Web界面设计技术揭秘》《设计心理学》《扁平化设计》等。
这些书涵盖了UI设计的基础理论、设计模式、技术实践以及用户心理等方面，可以帮助初学者建立全面的UI设计知识体系，提高设计水平。
同时，除了书籍，还可以多浏览国内外设计网站，学习别人的设计作品和思路，多尝试实际操作，不断总结和提升自己的设计能力。要注意，UI设计需要掌握颜色、排版、布局、UI元素及动效等方面，需要多花功夫去学习和练习。
五、哈尔滨学习UI设计网页设计培训哪家好？
和你分享下我的学习ui之路。我是17年10月份开始在达内学习的，学习四个月，当时教的内容比较多，而且当时是连线北京总部通过视频讲学（也就是没有老师，老师都在电视里。现场负责的有班主任和项目经理，有问题可以问他们）。第一和第二个月学习的是设计，主要是PS，AI的学习，期间晚自习时候会有手绘课的讲解。第三个月学习代码。第四个月主要就是设计原型和简历的讲解。总体下来比较乱，也没怎么学到很深的知识。不过也很感谢这段经历，至少哪个方面都涉猎了，之后找工作时候也能清楚自己比较喜欢哪个方面的工作。 很多内容也只有自己在工作中慢慢深入学习。
同期中有同学留在机构里当了老师，据反映，现在这个机构的培训学习正规系统了，专教某个方面，而不是全盘抓。所以，还是挺不错的。
除此之外，还有中软培训，听说也还可以。
希望我的回答能给你带来一些帮助。
六、html+css网页设计属于ui 吗？
html+css网页设计不属于ui，html＋csd是将ui设计页面用代码表达出来。
七、想从网页页面设计转手机UI设计，好转吗？
想从网页页面设计转手机UI设计，好转吗？页页面设计是对已开发出的网站或H5界面进行的页面设计美化工作，而手机UI设计是指对手机软件的人机交互、操作逻辑、界面美观的整体设计，两者既有区别，又有共通性，只要你找准学习UI设计的方法，也十分容易。下面，我总结了一些自己从业心得和经验，希望能为你解惑，对你有所帮助。
“想从网页页面设计转手机UI设计，好转吗？”手机UI设计主要是设计APP和小程序，以及手机界面的H5界面。ipad和平板电脑也可视为手机。
想从网页设计转手机UI设计，好转吗？好转，做到多学，多看，多总结，再创新，就好转不难。
多学，就是多学设计软件。可以设计手机UI设计的软件有PS、sketch、DX、AI、AE等。PS、Sketch、DX，主要是用于界面设计。PS功能很强大，但在手机UI设计中并不会运用到PS太多功能，功能强大反而成了弊端，设计操作时不太方便，效率低，做矢量图不太方便。Sketch是PS的轻量版，学习成本低，上手快，直接可以做矢量图，可以设计图标。基本上会PS就会Sketch，效率高，不仅能能配合蓝湖插件还能直接在设计图上做逻辑跳转。DX是Sketch的替代品，不太稳定。AI主要是用于设计图标。AE主要是设计交互动效，前期也可以不学AE，网上有很多现成交互动效组件，可以直接套用，后期研发人员用起也方便。
多看，就是多浏览优秀的设计稿件，推荐UI中国、站酷以及花瓣网，那上面有很多优秀的作品。通常UI设计是根据产品经理设计的原型图进行设计，如果没有产品经理那么原型图可以自己画也可以忽略这步直接做UI设计。首先要了解和满足客户的功能需求，这需要看客户需求文件。其次就是交互体验感简单舒适，这可以多下载一些知名App和小程序操作体验。接着是界面逻辑要通畅，界面逻辑要严谨不能太跳跃。其次就是界面美观（这点个网页设计类似）。
手机UI设计对尺寸的要求比较规范。无论是界面的尺寸还是设计icon的尺寸，都必须遵循设计尺寸规范，值得注意的是安卓和ios的设计尺寸不同，但通常只需设计一种，后期程序猿会进行适配。以App为例，我用的是iphone8的1倍图375*667像素。
以上是我针对“网页页面设计转手机UI，好转吗”做的回答，希望通过我的讲解你能对手机UI设计有个初步的认识和了解。
八、ui设计与游戏ui设计区别？
游戏原画是绘画中游戏中场景角色设计， 游戏UI是用户界面的交互设计。 关于游戏原画的技能提升，轻微课平台有较多的资料。绘画学习较肝，对于掌握绘画技能点有帮助。 游戏原画： 游戏原画特指以游戏的内容进行计算机二维创作绘画或手绘制作，并以绘制的设计为基础在后期工序中用三维软件创建虚拟实体化，在编程人员努力后，最终成为游戏组成的一部分。 游戏UI： 游戏UI设计也叫做UI设计，只是针对游戏行业而已。 UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
九、设计网页风格UI（用户界面）用什么软件设计？
1楼就足够了，只要做框架图和注释的话 VISIO很不错 是微软的专门做这事的工具
PS一般来说都是美工在用，策划的机器一般来说都比较差，PS的内存占用蛮大，使用上比VISIO来说相对麻烦一点，所以策划或者程序做设计图的时候没必要用PS
十、什么是UI设计，如何定义UI设计？
百度百科里对UI设计的定义为：UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
以上就是UI设计的定义，那么想做UI设计需要掌握什么技能呢？从优就业的全链路UI/UE培训课程大纲上看，需要掌握以下几种技能：视觉设计基础、品牌运营视觉设计、电商运营视觉设计、产品交互UI设计等。
目前UI设计的就业前景很好，招聘UI人才的企业不仅仅局限于互联网企业，越来越多的企业开始注重交互设计相关的人才投入，如金融、交通、零售等行业都在热招该类型的设计人才。
- 相关评论
- 我要评论
-