页面设计pc，页面设计psd源文件是什么
网页设计如何设置宽度网页设计如何设置宽度和高度
使用html编辑器设置固定宽度和高度的段落，并插入图片。 设置段落和图片的样式，使图片宽度与父级相同，并清除父级的高度，使子级高度自动适应。 将图片设置为块状元素。 打开浏览器查看固定大小的图片。网页标准像素尺寸包括： 800×600分辨率下，网页宽度不超过778，高度根据内容决定。
首先打开html编辑器，设置一个p并对p设置固定宽度和高度，还要在p里面插入一张图片。接着在上方设置p和img的样式，将图片的宽度设置为何父级一样的宽度，代码就是“width：100%；”这里的100%会自动跟随父级的宽度选择，然后将父级的高度去掉，这样子集的高度就自动化了。
在800*600下，如果网页宽度保持在778以内，就不会有水平滚动条。高度取决于布局和内容。在1024*768下，网页宽度要保持在1002以内。如果框满，身高在612-615之间。不会有水平滚动条和垂直滚动条。（dw中有一个设定的标准值。1024*768页面的标准尺寸是955*600。就顺着它的大小）。
如果下载下来的图片大小规格完全一样的话，在Photoshop中设置一个动作，就能批量处理了。head中加一个meta就行了，。CSS中的百分比中指的是相对于父元素的宽度。子元素的padding-left：50%，父元素的宽度是百，子元素的margin-top：20%，那么父元素的高是百。
页面的宽度和高度应根据内容和布局需求来设定。一般来说，网页的宽度设定为1024px到1920px之间，高度则依据内容多少灵活调整。设定页面大小的具体步骤如下： 在HTML文档的部分，使用标签设置视口。例如：。这将使页面能够根据设备屏幕自动调整大小，确保在不同设备上都能获得良好的显示效果。
初识网页设计(PC端界面设计)
1、网页设计，这是一门融合了艺术与技术的领域，它的核心在于构建直观、高效且引人入胜的用户体验。它涵盖了多个关键环节，如界面设计的流程与规范、风格的塑造、色彩的选择、排版的艺术以及与用户交互的灵动元素。响应式布局的实现，如HTML5，使得网站能适应不同设备，展现出卓越的适应性。
2、界面设计也可以包括网页设计，两者具体也有一些不同：载体不同界面设计的载体比较多，除了我们常用的手机以外，还有电脑、平板、电视、取款机、购票机、游戏机、汽车显示屏等，基本有屏幕的地方都会用到UI界面设计；网页设计的载体比较单一，基本是PC电脑端和移动端的手机、平板等。
3、UI设计都包括：web 界面设计，网页的界面设计是 web 界面的核心内容。包括 web 界面设计、PC 客户端软件界面设计。移动界面设计，移动设备界面设计模块的内容是整个课程的核心。
pc平面是什么意思?
1、PC平面是什么意思？PC平面指的是电脑界面，也就是我们使用电脑时所看到的桌面和各种软件界面。这个界面既包括图标、菜单栏、工具栏等元素，也包括我们常常在屏幕上操作的窗口、对话框等。简单来说，就是我们和电脑进行交互时所看到的页面。为什么PC平面很重要？PC平面的设计质量会影响到我们使用电脑的体验。
2、PC是指个人电脑personal computer PM的全称就是Pentium-M，是为笔记本专门开发的CPU 有异议可以提出，相互切磋哦。
3、PC放样就是平面效果图。装修放样其实就是根据客户所确定的家具、设备尺寸及异形构件，按照1：1的图形比例来展开绘制，按照几何投影的原理画出图形，然后按照图形尺寸制作构件以及是配件的制作加工。
4、p是平面的意思，C是窗 PC1818就是平面窗制作好1米8乘1米8的。
PC端和移动端的界面设计,有什么区别吗
1、app：展示效率低，在移动端，展示面积比较小，展示效率也比较低，用户的耐心不佳，必须重点突出。网页：展示效率高，在PC端，展示面积比较大，展示效率也比较高，用户的耐心比较好。
2、移动端UI设计主要针对手机屏幕，而PC端UI设计则面向电脑显示器。两者在设计上存在明显差异。首先，电脑显示器的尺寸通常在19-24英寸之间，相比之下，手机屏幕尺寸普遍在4-6英寸。这导致电脑UI设计时可以容纳更多内容，无需过多层级展示。
3、从用户的角度来看，PC端主要依赖于鼠标进行操作，而移动端则依赖于触屏。这使得移动端的用户界面设计需要更加注重直观性和易用性，以便用户能够通过简单的触屏操作完成任务。对于UI设计师而言，他们需要考虑到移动端特有的交互方式，例如滑动、点击等，以提高用户体验。
4、移动端和PC端的区别主要体现在以下几个方面：平台特性：PC端：大屏幕和丰富的视觉体验，设计师能构建复杂和精细的界面。移动端：屏幕尺寸受限，要求简洁易用的操作体验，设计师需在有限空间中布局，确保大拇指轻松触达各个元素。操作系统差异：PC端：功能齐全，但缺乏移动设备的便携性和即时性。
5、功能：电脑版通常拥有更多的功能和更强大的处理能力，可以支持更多的软件和应用程序。手机版则通常更侧重于移动端使用，提供便捷的移动端功能，如拍照、语音搜索等。 界面：电脑版通常具有更大的屏幕和更多的显示空间，因此它们的界面通常比手机版更为复杂和丰富。
大厂案例!PC端地图页面交互设计规范复盘
1、业务场景与设计规范的演变地图页面布局变得多样化，要求设计规范能够覆盖“左侧面板+地图底图”到“多面板+地图底图”的复杂布局。尺寸规定变得必要，以适应不同设备分辨率，确保信息清晰和地图操作空间充足。 竞品与设计洞察通过对比竞品，我们发现地图下钻交互、布局和控件升级的重要性。
2、PC端与移动端交互原型图制作：掌握在不同平台上制作交互原型图的技巧，确保设计符合平台规范。 设计趋势与图标设计：紧跟设计趋势，学习如何设计符合时代审美的图标。 界面设计规范与切图标注：了解并掌握界面设计规范，确保设计的一致性和易用性；同时学会切图标注，为开发阶段做好准备。
3、此外，对于PC及移动端界面设计的流行趋势有深入理解，掌握PC端与移动端设计规范及界面设计的要点，切图标注以及高保真交互等技能将为设计师的职业发展奠定坚实基础。
4、UI交互设计vs UI设计vs交互设计对比 之 概念 UI设计 UI设计或称界面设计（英文UserInterface Design， 缩写为UID），它是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计主要分为实体UI和虚拟UI两种，互联网行业常见的UI设计是虚拟UI，UI即User Interface（用户界面）的简称。
5、对于移动端界面，需要强化其分类，并掌握PC端网站流程、PC端设计规范及页面设计制作项目流程。项目产品分析方面，应强化产品感与逻辑交互，同时锻炼用户体验基础技能，包括交互技能树-全局交互文档的编写。此外，设计趋势与风格定位、安卓Material设计语言规范的学习也至关重要。
PC端网页设计基本规范有哪些
1、网站优化方面，应优化导航结构，提高用户获取信息的便捷度，同时保证网站内容更新频率，以适应不断变化的用户需求。网站的基本功能应包含信息发布、产品管理、联系方式等信息，确保用户能够轻松找到所需内容。此外，网站设计需符合用户习惯，页面布局合理，避免过多层次。
2、手机端网页就没有统一标准了，比较流行的做法是按照iPhone5的尺寸来设计。倍率2，逻辑像素320×568。 这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的。所以图片的尺寸可以保持在较小的水平，页面加载速度快。当然，缺点就是在倍率3的设备上看，图片不是特别清晰。
3、简易性 界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。用户语言 界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。记忆负担最小化 人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。
4、在基本网页设计中，尺寸选择应遵循以下原则：PC端网页安全区域宽度：通常选用1200px作为设计标准。这一标准主要基于当前主流设备的分辨率，特别是1920*1080这一分辨率占比高达494%，且大部分屏幕分辨率超过了1366*768，因此无需对1366宽度以下的尺寸做特殊处理。
5、感谢邀请，如果帮助到您记得关注我哈~PC端网页当中默认字体为宋体，我们再设计时候需要注意最小中文字12像素必须选择宋体，字的属性选择无。因为中文字只有12像素宋体效果无才能看清。大于114我们一般用黑体。最小英文Arial可以是9像素一般很少用。移动端ios我们设计字体为苹方，安卓我们就用黑体就可以。
6、可见，1920px在目前是PC端网页设计的标准。在设计网页时，需要注意到分辨率数值仅作为上限的参考，不能将页面的实际显示内容的区域（称为安全区）等同于此上限宽度。考虑到在Windows等部分浏览器上，滚动条本身也需要占据一定的宽度，因此，过分贴边或接近整屏幕宽度的设计是不被推荐的。
