网页设计界面

我本身是做软件前端开发的，以前做过两年的网页设计，以我个人的理解来说一点浅见好了，前端主要的工作是页面或界面的设计制作、html切图、动态交互等，而后端准确的说是后台，主要工作是整个网站或者软件的功能实现，通俗点讲就是程序员，现在普遍是两个工种分开来了，因为一个人做的话反而效率不高，如果你是想做这一行，那么我个人是建议你做程序员拉倒，虽然程序员工作量可能会比设计多，但做设计太费脑子了，程序员主要是一些逻辑性的事情，很多代码都有现成的，大部分工作就是复制粘贴而已，而且客户看东西首先是看前端咋样，这就考验设计师水平了，最后就是重点了，程序员的普遍工资要比设计高，当然，设计师也有高的，但无一不是技术过硬和工作经验足够的。

安装盘，里面有个破解登录密码的程序。（2）找一个硬盘，也带操作系统的，装到电脑上后设为主硬盘，而忘记密码的这个硬盘为副硬盘，进入电脑后，进入你的副硬盘，将密码删了就行。（4）重新装系统。（5）还原系统。（6）如果你安装的是Windows XP操作系统，不慎忘记了系统登录用户“*****”的密码，你可以NET命令来解决问题： Windows XP中提供了“net user”命令，该命令可以添加、修改用户账户信息，其语法格式为： net user [UserName [Password | *] [options]] [/domain] net user [UserName /add [options] [/domain] net user [UserName [/delete] [/domain]] 我们现在以恢复本地用户“*****”口令为例，来说明解决忘记登录密码的步骤：1、重新启动计算机，在启动画面出现后马上按下F8键，选择“带命令行的安全模式”。 2、运行过程结束时，系统列出了系统超级用户“administrator”和本地用户“*****”的选择菜单，鼠标单击“administrator”， 进入命令行模式。 3、键入命令：“net user *****123456 /add”，强制将“*****”用户的口令更改为“123456”。 若想在此添加一新用户（如：用户名为abcdef，口令为123456）的话，请键入“net user abcdef 123456 /add” ， 添加后可用“net localgroup administrators abcdef /add”命令将用户提升为系统管理组“administrators”的用户，并使其具有超级权限(4)他们还说有一种方法，你可以试试开机到用户登陆界面， ctrl+alt+del(没反应的话多按几遍) 用户名:administrator 不用密码直接登陆.还有一下方法：你在使用的Windows XP操作系统的时候是不是遇到过忘记密码的事情呢？下面给大家讲讲几种方法。 方法一： (1)启动电脑，使用DOS启动盘(比如：Windows 98启动盘)进入纯DOS状态。 (2)在DOS提示符下，根据下面步骤操作： cd (切换到根目录) cd windowssystem32 (切换到系统目录) mkdir temphack (创建临时文件夹) copy logon.scr temphacklogon.scr (备份logon.scr) copy cmd.exe temphackcmd.exe (备份cmd.exe) del logon.scr (删除logon.scr) rename cmd.exe logon.scr (将cmd.exe改名为logon.scr) exit (退出) (3)重启电脑，在登录等待画面出现后静静等候，如果没有修改屏幕保护时间，大约10分钟，系统就会自动启动登录屏保程序，可是由于Logon.scr已经由cmd.exe代替了，所以系统就启动了cmd.exe，进入命令行提示符状态。 (4)这时，我们可以使用命令：net user password来修改密码了。 假设有一个超级管理员的帐号是Admin，希望重新设置其密码为admin，那么可以使用命令：net user Admin admin，回车后即可更改密码。 (5)接下来，想不想进入桌面系统看看硬盘上面的东西呢？在命令行提示符状态下输入Explorer命令试试看，是不是很顺利地进入了Windows的桌面？ 小提示 如果你有一个普通用户帐号，利用上面介绍的方法稍作改动就可以把它变成超级管理员Administrator帐号。 备份logon.scr和usermgr.exe，将第二步中的cmd.exe全部换成usermgr.exe，然后重启，静静等候，这时出现的不是命令行提示符，而是用户管理器，这时我们就有权限把自己加到Administrator组了。 方法二 由于Windows XP在安装过程时，首先以Administrator默认登陆，有不少朋友没有注意到为它设置密码，而是根据要求创建一个个人的帐户，以后进入系统后即使用此帐户登陆，而且在Windows XP的登录界面中也只出现这个创建的用户帐号，而不出现Administrator，实际这个帐号依然存在，而且密码为空。 知道了这个原理，你可以直接正常启动，在登陆界面出现后，按Ctrl+Alt，再按Del两次，即可出现经典登陆画面，此时在用户名处填入Administrator，密码为空即可进入，接下来，就可以进入“控制面板”的“用户和密码”，修改你想要修改的用户的密码即可。 密码过期前显示信息提示 预设的情况下，Windows XP会在密码过期前14天显示信息提示使用者。如果要更改天数，可打开“注册表编辑器”，找到[HKEY_LOCAL_MACHINESOFTWAREMicrosoftWindows NTCurrentVersionWinlogon]，双击右侧窗格中的“PasswordExpiryWarning”双字节值，根据你自己的需要设置提前提示的天数。 从待机状态恢复时不输入密码 打开“控制面板”→电源选项，点击“高级”选项卡，然后将“在计算机从待机状态恢复时，提示输入密码”前的对勾取消。 别让密码过期的另一招 Windows XP在密码过期前14天就会提醒你更换密码。除了可以通过修改注册表来取消提醒外，我们还可以在“运行”命令里输入：lusrmgr.msc，回车，在弹出的Local Users and GroUPS对话框中，选择“用户”文件夹，在右边窗口中找到你所使用的用户名，例如：Format，双击后，会弹出“Format 属性”对话框，只需选中“密码永不过期”复选框。 退出带密码的屏保时出现登陆界面 Windows XP中，如果设置了屏幕保护和密码保护，退出屏幕保护时为锁定计算机，显示的是欢迎界面。如何才能在退出屏保时为登陆界面呢？ 点击“我的电脑”→“控制面板”→“显示”，在“屏幕保护程序”选项卡中的“屏幕保护程序”下，单击“屏幕保护程序”。 选中“密码保护”复选框，取消“显示欢迎屏幕”前面的勾选。 如果希望在开机时也显示登陆界面，需要进一步操作，在“控制面板”中双击“用户帐号”，打开“用户帐号”窗口，单击“更改用户登录或注销方式”，取消“使用欢迎屏幕”前面的勾选。 这样，以后无论是登录还是从屏幕保护返回，都直接进入登录界面而不是欢迎界面。 创建一张密码重置磁盘 以前在使用Windows 2000时不少用户都遇到过因为忘记了自己的密码而无法进入系统的问题，在Windows XP中你可以创建一张密码重设磁盘，这样在忘记密码时可以使用它来重新设置一个密码。点击开始→控制面板，然后点击用户帐号；在下面点击你的帐号名；在弹出的用户帐号对话框中选择“创建一张密码重设盘”，跟随向导的指示完成密码重设盘的制作。注意将该磁盘存放在安全的地方，因为任何人都可以使用它来访问你的本地用户帐号。 找到密码提示语 会不会担心记不住自己的登录密码？没关系，在最初生成密码时，你可以在提示符后生成一个提示语，Windows XP会把密码提示语保存在注册表[Hkey_local_machineSoftwareMicrosoftWindowsCurrent VersionHints]里面。 限制自动登录的次数 这个设置用于限制自动登录的次数，一旦达到限制的数字，自动登录功能会禁用，系统会显示标准的认证窗口。打开“注册表编辑器”，找[HKEY_LOCAL_MACHINESoftwareMicrosoftWindows NTCurrentVersionWinlogon]，在右侧窗格创建名为AutoLogonCount的字符串值，将其值设置为自动登录的次数。这样每当系统启动一次，自动登录的次数将会减少一次，直到为零。然后不允许自动登录。AutoLogonCount和DefaultPassword会从注册表删除，AutoAdminLogon为零。 自动登录时禁用Shift键 当使用自动登录功能时，用户可通过按住Shift键忽略登录进程，输入其他用户名及密码进入电脑。该技巧可以禁用自动登录时的Shift键功能。操作步骤如下：打开“注册表编辑器”，找到[HKEY_LOCAL_MACHINESoftwareMicrosoftWindows NTCurrentVersionWinlogon]子键并选中它。在右侧窗口中创建名为IgnoreShiftOverride的字符串值，命，将其键值设置为1。退出“注册表编辑器”，重启电脑。这样在启动时就不能通过按住Shift键中断自动登录过程了。 让别人访问你的电脑 打开“控制面板”→“用户帐号”，接着点击“创建一个新帐号”，然后在向导中输入其他用户帐号名称及密码，最后选择将其类型设置为“受限”，然后点击“创建帐号”按钮，这样别人就可以登录你的电脑了。 让指定的用户只能在特定时间登录 做家长的可能会希望限制孩子使用电脑的时间。只要按照以下方法，就能轻松实现。不过这要求你有Administrator权限。 首先进入“命令行提示符”，以Guest这个账户为例。如果需要设置这个账户从周一到周五的早上9点到晚上5点才能登录。可以用下面这个命令： net user Guest /time:M-F,08:00-17:00，或者net user Guest /time:M-F,9am-5pm 回车后就会生效。 如果需要依次指定每天的时间，那么也只需要按照下面这个格式： net user Guest /time:M,4am-5pm;T,1pm-3pm;W-F,8:00-17:00。 而net user Guest /time:all 这个命令则可以允许该用户随时登录。 当心你的加密文件 从Windows 2000开始，在NTFS文件系统的分区中Windows可以帮助你加密文件。方法是，在想加密的文件或文件夹上点右键，选择“属性”，在属性的“常规”选项卡上点击“高级”按钮，会弹出一个窗口，选中窗口中的“加密内容以便保护数据”即可实现在NTFS卷上对文件的加密。 小提示 这被称作为EFS(Encrypting File System，加密文件系统)。这种加密的好处是，加密的过程是完全透明的，也就是说，如果你加密了这些文件，你对这些文件的访问将完全允许(并不需要你输入密码，因为验证过程在你登录Windows的时候就进行了)，而其它人则不能访问或移动这些数据。 不过如果你的Windows突然崩溃，在无计可施的情况下只能重装系统，但原来被加密过的数据会出现无法打开的问题。这时只有在域环境下，才可以得到域管理员的帮助，解密这些文件。这是因为当你使用EFS加密后，系统会根据你的SID(Security Identifier，安全标示符)自动生成一个密钥，要解密这些文件就要使用这个密钥。对于系统而言，并不是根据用户名来区别不同的用户，而是根据SID，这个SID是唯一的。SID和用户名的关系跟人的姓名和身份证号码的关系是一样的。虽然有同名同姓的人，但他们的身份证号码绝对不会相同；虽然有相同的用户名(指网络上的，因为本地用户不能有相同的用户名)，但他们的SID绝对不同。这也就解释了为什么重装系统后即使使用之前的用户名和密码登陆也不能打开以前的加密文件。 所以在重装系统之前最好能把加密的数据全部解密。然而，为了应付突发的系统崩溃，就需要备份好自己密钥，这样系统崩溃后只要重装系统，并导入密钥，就可以继续使用之前的加密文件了。 备份密钥的方法是：单击“开始”→“运行”，输入：certmgr.msc，回车后打开“证书管理器”，在 “当前用户”→“个人”→“证书”目录下，右击颁发给你的证书，在“所有任务”中点击“导出”，并选择Export The Private Key(导出私钥)，其它选项按照默认设置。输入该用户的密码和保存路径就可以了。 在重装系统后，照旧运行certmgr.msc，并在“所有任务”中选择导入，选择好备份的证书，然后按照向导，就可以完成对密钥的导入。或直接在导出的pfx文件上点右键，选择“安装PFX”。这时，你的加密数据已经可以访问了。 开启安全文件系统 打开“注册表编辑器”，找到[HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlLsa]，在右侧窗格将forceguest的键值改为1。 方法三 当有人为自己的机器设置了密码，而且不象xifeng那样明明白白告诉你密码的话，我们就要暴力破解它，哈哈。 利用NET命令 我们知道在Windows XP中提供了“net user”命令，该命令可以添加、修改用户账户信息，其语法格式为： net user [UserName [Password *] [options]] [/domain] net user [UserName /add [options] [/domain] net user [UserName [/delete] [/domain]] 每个参数的具体含义在Windows XP帮助中已做了详细的说明，在此笔者就不多阐述了。好了，我们现在以恢复本地用户“zhangbq”口令为例，来说明解决忘记登录密码的步骤： 1、重新启动计算机，在启动画面出现后马上按下F8键，选择“带命令行的安全模式”。 2、运行过程结束时，系统列出了系统超级用户“administrator”和本地用户“zhangbq”的选择菜单，鼠标单击“administrator”，进入命令行模式。 3、键入命令：“net user zhangbq 123456 /add”，强制将“zhangbq”用户的口令更改为“123456”。若想在此添加一新用户（如：用户名为abcdef，口令为123456）的话，请键入“net user abcdef 123456 /add”，添加后可用“net localgroup administrators abcdef /add”命令将用户提升为系统管理组“administrators”的用户，并使其具有超级权限。 4、重新启动计算机，选择正常模式下运行，就可以用更改后的口令“123456”登录“zhangbq”用户了。 参考资料： 希望对你有所帮助！

UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。UI还有其它的意义，如Unit Interval，Univ of Iowa，Unlock Instruction，Urgent Interrupt。网页UI，在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

对于刚入行的UI设计师，最容易犯的错就是在设计移动APP时，不懂什么尺寸或者用哪种屏幕的尺寸是最适当的？为了解决这个问题，今天我们就简单的为大家整理做UI时最基础的尺寸规范。现象首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480×800, 480×854, 540×960, 720×1280, 1080×1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640×960, 640×1136, 750×1334, 1242×2208。不要被这些尺寸吓倒。实际上大部分的app UI设计和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。像素密度要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480×800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，iPhone 4s的屏幕像素是640×960。刚好两倍，然而两款手机都是3.5英寸的。所以，我们要引入最重要的一个概念：像素密度，也就是PPI（pixels per inch）。这项指标是连接数字世界与物理世界的桥梁。Pixels per inch，准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固定长度，等于2.54厘米，大约是食指最末端那根指节的长度。像素密度越高，代表屏幕显示效果越精细。Retina屏比普通屏清晰很多，就是因为它的像素密度翻了一倍。倍率与逻辑像素再用iPhone 3gs和4s来举例。假设有个邮件列表界面，我们不妨按照PC端网页设计的思维来想象。3gs上大概只能显示4-5行，4s就能显示9-10行，而且每行会变得特别宽。但两款手机其实是一样大的。如果照这种方式显示，3gs上刚刚好的效果，在4s上就会小到根本看不清字。在现实中，这两者效果却是一样的。这是因为Retina屏幕把2×2个像素当1个像素使用。比如原本44像素高的顶部导航栏，在Retina屏上用了88个像素的高度来显示。导致界面元素都变成2倍大小，反而和3gs效果一样了。画质却更清晰。在以前，iOS应用的资源图片中，同一张图通常有两个尺寸。你会看到文件名有的带@2x字样，有的不带。其中不带@2x的用在普通屏上，带@2x的用在Retina屏上。只要图片准备好，iOS会自己判断用哪张，Android道理也一样。由此可以看出，苹果以普通屏为基准，给Retina屏定义了一个2倍的倍率（iPhone 6plus除外，它达到了3倍）。实际像素除以倍率，就得到逻辑像素尺寸。只要两个屏幕逻辑像素相同，它们的显示效果就是相同的。Android的解决方法类似，但更复杂一些。因为Android屏幕尺寸实在太多，分辨率高低跨度非常大，不像苹果只有那么几款固定设备、固定尺寸。所以Android把各种设备的像素密度划成了好几个范围区间，给不同范围的设备定义了不同的倍率，来保证显示效果相近。像素密度概念虽然重要，但用不着我们自己算，iOS与Android都帮我们算好了。如图所示，像素密度在120左右的屏幕归为ldpi，160左右的归为mdpi，以此类推。这样，所有的Android屏幕都找到了自己的位置，并赋予了相应的倍率：ldpi [0.75倍]mdpi [1倍]hdpi [1.5倍]xhdpi [2倍]xxhdpi [3倍]xxxhdpi [4倍]各型号iPhone的倍率比较简单，我们后面会讲到。那么Android手机那么多，具体怎么分？哪些手机是几倍的倍率呢？我们先看一张表，这是友盟2014年10月到2015年03月的数据：就目前市场状况而言，各种手机的分辨率可以这样粗略判断。虽然不全面，但至少在1年内都还有一定的参考意义：ldpi 如今已绝迹，不用考虑mdpi [320x480]（市场份额不足5%，新手机不会有这种倍率，屏幕通常都特别小）hdpi [480x800、480x854、540x960]（早年的低端机，屏幕在3.5英寸档位；如今的低端机，屏幕在4.7-5.0英寸档位）xhdpi [720x1280]（早年的中端机，屏幕在4.7-5.0英寸档位；如今的中低端机，屏幕在5.0-5.5英寸档位）xxhdpi [1080x1920]（早年的高端机，如今的中高端机，屏幕通常都在5.0英寸以上）xxxhdpi [1440x2560]（极少数2K屏手机，比如Google Nexus 6）自然地，以1倍的mdpi作为基准。像素密度更高或者更低的设备，只需乘以相应的倍率，就能得到与基准倍率近似的显示效果。不过需要注意的是，Android设备的逻辑像素尺寸并不统一。比如两种常见的屏幕480×800和1080×1920，它们分别属于hdpi和xxhdpi。除以各自倍率1.5倍和3倍，得到逻辑像素为320×533和360×640。很显然，后者更宽更高，能显示内容。所以，即使有倍率的存在，各种Android设备的显示效果仍然无法做到完全一致。单位不难发现，真正决定显示效果的，是逻辑像素尺寸。为此，iOS和Android平台都定义了各自的逻辑像素单位。iOS的尺寸单位为pt，Android的尺寸单位为dp。说实话，两者其实是一回事。单位之间的换算关系随倍率变化：1倍：1pt=1dp=1px（mdpi、iPhone 3gs）1.5倍：1pt=1dp=1.5px（hdpi）2倍：1pt=1dp=2px（xhdpi、iPhone 4s/5/6）3倍：1pt=1dp=3px（xxhdpi、iPhone 6）4倍：1pt=1dp=4px（xxxhdpi）单位决定了我们的思考方式。在设计和开发过程中，应该尽量使用逻辑像素尺寸来思考界面。设计Android应用时，有的设计师喜欢把画布设为1080×1920，有的喜欢设成720×1280。给出的界面元素尺寸就不统一了。Android的最小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。而在xxhdpi设备上，则是144x144px。无论画布设成多大，我们设计的是基准倍率的界面样式，而且开发人员需要的单位都是逻辑像素。所以为了保证准确高效的沟通，双方都需要以逻辑像素尺寸来描述和理解界面，无论是在标注图还是在日常沟通中。不要再说“底部标签栏的高度是96像素，我是按照xhdpi做的”这样的话了。Web怎么办移动端页面的绝对单位仍然是px，至少代码里这么写，但它的道理也和app一样。由于像素密度是设备本身的固有属性，它会影响到设备中的所有应用，包括浏览器。前端技术可以善加利用设备的像素密度，只需一行代码，浏览器便会使用app的显示方式来渲染页面。根据像素密度，按相应倍率缩放。以iPhone 5s为例，屏幕的分辨率是640×1136，倍率是2。浏览器会认为屏幕的分辨率是320×568，仍然是基准倍率的尺寸。所以在制作页面时，只需要按照基准倍率来就行了。无论什么样的屏幕，倍率是多少，都按逻辑像素尺寸来设计和开发页面。只不过在准备资源图的时候，需要准备2倍大小的图，通过代码把它缩成1倍大小显示，才能保证清晰。实际应用大家最关心的还是实际运用，画布该怎么设置。我们就iOS、Android、Web三个平台来分别梳理一下。不过在这之前，我要为使用PS进行设计的朋友介绍一个小技巧。之前我说过，我们要以逻辑像素尺寸来思考界面。体现到设计过程中，就是要把单位设置成逻辑像素。打开PS的首选项——单位与标尺界面，把尺寸和文字单位都改成点（Point）。这里的点也就是pt，无论设计iOS、Android还是Web应用，单位都用它。当然，各平台单位名称还是要记住的。这里我们用的只是它的原理，不用在意名称。要调节倍率，则通过图像大小里的DPI来控制。这个DPI，其实就是PPI，像素密度。有个常识大家都知道，屏幕上的设计DPI设成72，印刷品设计DPI设成300。为什么是这两个数字？首先说300，这和人眼的分辨能力有关。由于1英寸是固定长度，每1英寸有多少个像素点决定了画质清晰程度。之前说过，这就是像素密度，也就是DPI。DPI达到300以上，其细腻程度就会给人真实感，像真实世界中的物件。相反，DPI只有10的话，在你一个食指指节大小的长度内只有10个像素，这明显就是马赛克了。所以印刷品要设成300，才能保证清晰。再说72，这有一定的历史原因。最早的图形设计是在mac电脑上进行的，mac本身的显示器分辨率就是72。PS中把图像DPI也设成72，就能保证屏幕上显示的尺寸和打印尺寸相同，便于设计。72的PC显示器分辨率逐渐成为一种默认的行业标准，这套规则就这么沿用下来。现在回到正题，我们怎么通过DPI来调节倍率？既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单。下面来看看3个平台各自的画布设置：IPhoneiPhone的屏幕尺寸各不相同，我说的是逻辑像素尺寸，这确实是让人很头疼的事情。如果想用一套设计涵盖所有iPhone，就要选择逻辑像素折中的机型。从市场占有率数据来看，目前最多的是iPhone5/5s的屏幕。倍率为2，逻辑像素320×568。上升势头最猛，未来有望登上第一的是iPhone 6的屏幕。倍率为2，逻辑像素375×667。按照这两种尺寸来设计，都是比较主流的做法。可以兼顾短一些的iPhone 4s，大一点的6 plus也不会过于空旷。不过在切图的时候要注意，由于iPhone 6 plus的3倍图是由2倍图放大而来，所以位图要注意保证清晰。Android都说Android碎片化严重，但它现在反而比iOS好处理。因为如今的Android屏幕逻辑像素已经趋于统一了：360×640，就看你设成几倍了。想以xhdpi为准，就把DPI设成72×2=144。想以xxhdpi为准，就把DPI设成72×3=216。对于那些比较老的低端机，宽度是480px的那批，画面确实会小一些，显示内容会更少。稍微留意一下，重要内容尽量保持在界面中上部分。当然，这些机型不出一年就会被边缘化，基本淘汰。现在能运转的也是当作功能机在用，软件多了必卡无疑，用户体验无从谈起。不作考虑也是OK的。Web手机端网页就没有统一标准了，比较流行的做法是按照iPhone 5的尺寸来设计。倍率2，逻辑像素320×568。这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的。所以图片的尺寸可以保持在较小的水平，页面加载速度快。当然，缺点就是在倍率3的设备上看，图片不是特别清晰。如果追求图片质量，愿意牺牲加载速度，那么可以按照最大的屏幕来设计。也就是iPhone 6 plus的尺寸，倍率3，逻辑像素414×736。总结移动端的尺寸比PC端复杂，关键就在倍率。但也正因为倍率的存在，把大大小小的屏幕拉回到同一水平线，得以保证一套设计适应各种屏幕。站在这条水平线的角度看，会发现它很好理解。

前台设计步骤：首先了解客户需求，掌握客户做网站的目的，及客户的业务方向，根据客户的的业务方面，确定界面的色调与布局等。其次，根据这些需求，参考同类型的网站，从同类型的网站找到一定的规律，之后用ps先设计大致的出首页界面。设计完成以后给根据你的设计，跟客户再做一次沟通，按他的意见进行修改，达到满意第三、客户满意你的首页设计以后，开始切片，写前台界面div+css结构即可。子页风格也要跟客户做简单沟通，如果客户没有特别要求，要跟首页相随合。第四，在需要加入特效的位置加入特效，在浏览器测试兼容性。第五、做好这些工作之后，就可以把这些交给程序员做后台程序了。

<!doctype html><html><head><meta charset="utf-8"><link href="main.css" type="text/css" rel="stylesheet"><title>登陆界面</title></head><body><div class="login_ico"><img src="images/login_ico.png"> </div><div class="login_putin"><ul><li><input type="text" ></li><li><input type="password" ></li></ul></div><div class="login_btn"><input type="submit" value="登陆"></div></body></html>样式 ：*{margin:0;padding:0;}li{list-style-type:none;margin:0;padding:0;}a{text-decoration:none;color:#000;}/*---------------------按钮-----------------------------*/.login_putin ul li input{margin: 0;width:70%;padding: 1em 2em 1em 5.4em;-webkit-border-radius:.3em;-moz-border-radius: .3em;border: 1px solid #999;}.login_btn{width:300px;margin:40px auto 0 auto;}.login_btn input{width:100%;margin:0;padding:.5em 0;-webkit-border-radius:.3em;-moz-border-radius: .3em;border:#1263be solid 1px;background:#1b85fd;color:#FFF;font-size:17px;font-weight:bolder;letter-spacing:1em;}.login_btn input:hover{background:#1263be;}

我本身是做软件前端开发的，以前做过两年的网页设计，以我个人的理解来说一点浅见好了，前端主要的工作是页面或界面的设计制作、html切图、动态交互等，而后端准确的说是后台，主要工作是整个网站或者软件的功能实现，通俗点讲就是程序员，现在普遍是两个工种分开来了，因为一个人做的话反而效率不高，如果你是想做这一行，那么我个人是建议你做程序员拉倒，虽然程序员工作量可能会比设计多，但做设计太费脑子了，程序员主要是一些逻辑性的事情，很多代码都有现成的，大部分工作就是复制粘贴而已，而且客户看东西首先是看前端咋样，这就考验设计师水平了，最后就是重点了，程序员的普遍工资要比设计高，当然，设计师也有高的，但无一不是技术过硬和工作经验足够的。

　　要看你是从事网站界面设计还是软件界面设计。网站界面设计，必须了解一些简单的html、div、css样式表等基本语言；软件界面设计，就要了解其产品所用的是什么工具做的，软件和硬件的兼容性问题（性能问题）。对于设计软件，常用的有photoshop、网页3剑客、UIDesigner等。      但是吧，这其实仅仅是皮毛，真正要设计出来东西，我觉得还是找专业人吧。例如北京的智加设计，我们去年和他们合作过。智加真的挺不错，团队大概在百人左右，他们会针对每个品牌的实际情况整合出一套量身定做的方案，你可以去他们网站看看，还有很多案例。

网页设计与ui设计的差别是相对来说ui设计有交互用户体验，你有美术基础的话还是学习ui设计较为好，不管是从工作机会还是前景来说。