后台维护页面设计，网站后端维护

摘要： 设计网站后台的流程网上有很多网站后台设计流程，但我比较赞同的一种做法是：网站规划阶段 这个阶段主要是对网站的功能、目标受众、内容、栏目进行规划。这期间会经常性地和有关领导进行沟通...

设计网站后台的流程

网上有很多网站后台设计流程，但我比较赞同的一种做法是：网站规划阶段 这个阶段主要是对网站的功能、目标受众、内容、栏目进行规划。这期间会经常性地和有关领导进行沟通。首先，自己一定要对网站的整体规划清清楚楚，然后要吸收别人的建议。

网站页面设计出来之后，就需要前台开发人员将设计好的页面图片制作成网页，同时后台程序人员通过编程使网站的功能一一实现，这是一个比较复杂的过程，可以按照先从大的方面进行考虑、复杂的先来，然后才是细节部分和简单的部分。这样子在网站出现了一些问题的时候可以更好的进行修改。

找到进入后台管理的登录口或者链接；使用网站提供的默认的管理员账号登录进入后台，账号一般是：用户名：admin密码：admin，或者admin888具体要看使用说明。

画原型之前，先理清后台管理的功能模块，通过树状结构图来帮助自己划分页面和模块。

后台设计无从下手?微信后台用这7点教会你!

1、后台设计可以从微信公众平台的后台系统学习以下七点：清晰的信息结构设计：核心要点：信息结构设计是后台系统设计的关键。需要高度熟悉业务逻辑和功能模块，根据用户的使用流程和习惯进行清晰的结构设计。

2、后台设计可以从微信公众平台的后台系统学习以下七点：清晰的信息结构设计：核心逻辑：信息结构设计是后台系统的灵魂，需要高度熟悉业务逻辑和功能模块，按照用户的使用流程和习惯进行清晰的结构设计。

3、设计后台系统时，可以从微信公众平台的后台系统中借鉴以下七点经验：清晰的信息结构设计：后台系统需要有清晰的框架结构，高度熟悉业务逻辑和功能模块，按用户的使用流程和习惯进行结构设计。例如，微信公众平台根据用户要完成的“事情”来设计模块，而非简单地按“用户、消息、菜单”等划分。

4、设计微信后台或类似复杂后台系统时，可以从以下七个关键点入手：清晰的信息结构设计：核心：确保后台系统具有清晰的框架结构。做法：熟悉业务逻辑和功能模块，按照用户的使用流程和习惯进行结构设计，使每个模块逻辑清晰，便于用户查找。统一的页面布局：核心：提升用户体验，确保一致性。

5、一方面微信公众平台后台自带的编辑器比较简陋，功能简单，另一方面市面上主流的微信编辑器都太过于复杂，新人第一次接触微信排版时往往无从下手，而且微信公众号在手机端显示的样式与在电脑端大不相同。我为大家介绍新人在一次接触微信排版需要的工具、技巧及注意事项。

扁平风后台界面

1、扁平风后台界面具有以下特点和优势：简洁明了的视觉风格：扁平风后台界面采用简洁的设计风格，去除了多余的装饰和光影效果，使得界面更加直观和易于理解。颜色搭配清新：提供的三种清新颜色搭配，能够给用户带来舒适和愉悦的视觉体验，减少视觉疲劳。

2、**教育机构后台系统**：围绕4个用户角色设计，采用跨色相的蓝绿渐变装饰，符合有双主色需求的设计师参考。1 **会员计划仪表板**：采用扁平化设计风格，去除冗余装饰，使重要信息清晰呈现，提供了良好的使用体验。

3、界面优化：简洁直观：采用扁平化设计风格，简化界面元素，提高用户理解和操作的直观性。色彩与动画：巧妙运用颜色搭配和动画效果，提升用户对界面的满意度。响应速度优化：秒级响应：通过性能调优，实现快速响应，提升用户操作流畅度。

4、Overflow Overflow为单个页面网页，迷你简约。Overflow下载页 StART 使用Bootstrap 3框架做的单页面模板。Start下载页 StockDocs StockDocs 这个用来做产品的教程、网站FAQ、用户帮助中心等页面不错。StockDocs下载页 TemplateVamp TemplateVamp是使用bootstrap构建的一个后台管理界面，简约漂亮。

5、这里我将登录界面的样式分为：白色简洁、轻装饰、纯色背景、全屏大图、半屏图片、插画背景六大分类。通过分类我们可以了解到不同行业他们采用的设计方式。

6、扁平化的界面也能够更好地实现画面的转化，网页加载得更快，因此，扁平风格插画被广泛应用于各个领域。 描线风格，是在扁平化风格之上的延伸。 在扁平化元素中添加外轮廓和描边，描线插画的外轮廓加上描边，相对于扁平化风格来说，更加地立体，可爱，往往会用在海报、引导页面、logo等之中。

各位,请问后台系统一般的设计尺寸是多少呀?

设计网页时，考虑到兼容性和视觉效果，最保守的网页设计尺寸通常设定为779×432。网页宽度保持在778像素内，可避免出现水平滚动条。高度则根据版面和内容灵活调整。在1024×768分辨率的环境下，网页宽度控制在1002像素以内，若能满屏显示，高度一般在612像素之间。这样可以避免水平滚动条和垂直滚动条的出现。

如果以iPhone为设计设备，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计。如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。

你问的是app界面设计尺寸是多少吗？不同手机的APP界面尺寸是不一样的。iphone 5：设计尺寸是640px*1136px安卓的与苹果的不一样有两种尺寸，460*800 px和1280*720 pxoapp的界面设计要根据手机的尺寸而来的，而且是要设计成那种多个款式的才能够满足，所以不能够将app的界面设计的尺寸弄死。

微信官方后台有尺寸提示，要求的是封面图 360*200，多图文的非首个图文是200*200.然后正文内图片规格也是200*200.但是这会给设计图片的时候带来不便，建议可以都放大一倍。用720*400 400*400 当然你用其他的尺寸也可以的。只是比例最好是接近。

根据目标用户群体的设备类型（如手机、平板、电脑等）选择合适的尺寸与分辨率进行设计。常见的设计尺寸如7501334（适用于PS设计稿）、375667或375*812（适用于Sketch或XD设计稿，针对iPhone X）。色彩与风格：选择与品牌调性相符的色彩搭配，确保界面整体风格统一。

如何设计出色的网站后台原型

1、画原型之前，先理清后台管理的功能模块，通过树状结构图来帮助自己划分页面和模块。理清模块之后，就可以着手设计后台管理系统的骨架，老渔哥认为可以分为三种：主模块（主要分为哪些独立的功能模块），次级分类（每个功能模块又有哪些次级的功能分类），功能事件（具体到每个功能页面内存在哪些主要的操作）思维导图帮助理清思路很有帮助。

2、所谓出色的原型，无非就是够实用。你做出来，找用的人跟你过几次，你就会渐入佳境。这种东西没有固定的模式，同时，你也不必拘泥于任何一种方法。

3、角色权限 这个非常重要，一定要在具体设计之前熟悉管理后台的所有类型用户。包括一共有几类用户，他们各自的使用需求，操作权限，还有用户权限的设计。信息架构 一定要画信息结构图（即产品层面的数据模型），主要用于理清产品结构。

4、能够熟练的使用原型工具优秀的设计风格和设计规范如果有架构设计能力的，后台比前台简单，对UI UE的要求不高。如果架构设计能力不够的话，那就不是前后台的问题了，因为后台本来就是就是环环相扣的地方。所以要求设计者思路清晰，条理清楚，即使不去画，脑子里也有完整的流程图。

5、对于后台功能模块的结构和页面逻辑有清晰的认识 能够熟练的使用原型工具 优秀的设计风格和设计规范 1是基础，2是进阶，3则是让原型变得出色的点缀。如果楼主有架构设计能力的话，后台比前台简单，因为对UI UE的要求不高。