UI设计篇最基础教程,菜鸟应该怎样学UI设计

发布网友 发布时间：2022-04-23 13:29

我来回答

共6个回答

懂视网 时间：2022-05-13 04:50

回复讨论(解决方案)

有人么？请教了。。。

帮我做一个小模块就行了。。非常感谢。。

都没人么？伤心了。。。

来人啊。。帮帮忙吧。。谢谢。。

各位大虾谢谢了。。

去ASP栏块去问！

自己学习，这个不难~

多选文本框

以前只能三连回，现在改了？

我只记得table的布局：一个大的table嵌套三个小的table，table中有三列，每一列右对齐;至于复选框就是复选框属性值为true。

我只记得table的布局：一个大的table嵌套三个小的table，table中有三列，每一列右对齐;至于复选框就是复选框属性值为true。

楼主，我用div+css+jQuery帮你实现了，希望对你有所帮助，运行的时候，记得导入jQuery的js文件，以下是代码：
样式文件css.css

.mainContent { position: absolute; top: 50px; left: 245px; right: 245px; bottom: 50px; overflow: auto;}.topContent{ position: absolute; top: 5px; left: 5px; right: 5px; height: 28px; background: url(../images/bg.png);}.leftTitle{ position: relative; top: 2px; left: 10px; padding: 5px; font: 12px "宋体";}.rightCheck{ position: relative; top: 5px; left: 0px; padding: 2px;}.middleBuyContent{ position: absolute; top: 35px; left: 5px; right: 5px; height: 165px;}.leftTd{ font: 12px "宋体"; float: right; padding: 5px; text-align: right;}.rightTd{ float: right; padding: 2px; text-align: left; margin-right: 20px;}.middleSellContent{ position: absolute; top: 185px; left: 5px; right: 5px; height: 28px; background: url(../images/bg.png);}.middleSellInfoContent{ position: absolute; top: 215px; left: 5px; right: 5px; height: 165px;}.bottomContent{ position: absolute; top: 370px; left: 5px; right: 5px; height: 28px; background: url(../images/bg.png);}.bottomBoxInfoContent{ position: absolute; top: 400px; left: 5px; right: 5px; height: 80px;}

  $(function(){  //采购权限  $("#buyRule").click(function(){   //获取该div下的复选框的个数   var v = $("#buyRuleTable").find(":checkbox").size();   var flag = $(this).get(0).checked;   if(flag){   for(var i = 0;i < v;i++){    $("#buyRuleTable").find(":checkbox").get(i).checked = true;   }   }else{   for(var i = 0;i < v;i++){    $("#buyRuleTable").find(":checkbox").get(i).checked = false;   }   }  });  //销售权限  $("#sellRule").click(function(){   //获取该div下的复选框的个数   var v = $("#sellRuleTable").find(":checkbox").size();   var flag = $(this).get(0).checked;   if(flag){   for(var i = 0;i < v;i++){    $("#sellRuleTable").find(":checkbox").get(i).checked = true;   }   }else{   for(var i = 0;i < v;i++){    $("#sellRuleTable").find(":checkbox").get(i).checked = false;   }   }  });  //仓库管理  $("#boxRule").click(function(){   //获取该div下的复选框的个数   var v = $("#boxRuleTable").find(":checkbox").size();   var flag = $(this).get(0).checked;   if(flag){   for(var i = 0;i < v;i++){    $("#boxRuleTable").find(":checkbox").get(i).checked = true;   }   }else{   for(var i = 0;i < v;i++){    $("#boxRuleTable").find(":checkbox").get(i).checked = false;   }   }  });  })

html文件如下：index.html

     
                                                            

                        
                        热心网友
                        时间：2022-05-13 03:16
                    
                    
给小白同学一些学习建议，一般学习UI设计可以分为以下4个阶段。
　　第一阶段：素描手绘
　　也就是素描手绘这块，这个对于后期的UI设计有一个帮助。但并不是最重要的。
　　第二阶段：软件学习
　　现在的UI设计师一般要掌握以下几个软件，比如PS 、AI、 AE、 AXURE 等等。
　　第三阶段：理论学习
　　这个有内容就有点多了，因为是养成思维的必经之路。
　　比如配色、排版、字体设计三大构成，消费心理学、沟通学，以及思维导图、原型图，还有交互逻辑、规范、切图、了解程序、互联网思维、用户体验，还有一些网络营销都是需要学习的，因为这和产品商业价值有关。
　　第四阶段：临摹原创
　　前面的理论软件都会了，接下来就是临摹作品，及原创作品了。然后就是不断的做项目，参与互联网各种UI大赛及一些兼职网接单兼职，和去互联网公司做UI设计工作等。之后不断的逛一些比较不错的设计素材网站，长期坚持下去就能把自己的设计水平慢慢提升。
　　通过以上4个阶段学习下来，你会发现虽然基本的你都会了。如果是一点基础都么有，建议不要自学，自学特别辛苦；虽然网上有些教程，但是要学会，下来需要花费很大精力和时间，遇到不懂得问题，会没人帮你解决，建议还是报班系统学习下，虽然报班一般速度快点，消化慢点，但是只要自己有恒心，能坚持，相信也一定会学的很好
                                                            

                        
                        热心网友
                        时间：2022-05-13 04:50
                    
                    
给你一份课程列表，你可以按照课程体系找相关的书籍来学习。
山西优逸客UI设计培训课程如下，仅供参考：
移动UI设计
UI设计综合了移动产品分析、用户研究、人体工程学、用户心理学、交互设计与界面设计等，针对iOS、Android和Windowsphone三大移动平台的交互设计和界面设计，使得学员系统掌握UI设计流程、设计规范和软件制作，从软件技能、设计创意和互联网思维等层次实训，使得学员可以进入互联网/移动互联网和软件开发企业工作，迅速晋升金领一族。
结训标准
1、N份主题海报/banner设计
2、两套完美的图标
3、三套高保真原型图
4、四套不同风格的APP界面设计（包扩安卓、IOS、Windows Phone三种风格与平板）
5、一套网页设计作品
6、项目实战一套作品
就业岗位
UI界面设计师 移动产品设计师 UI/UE设计师 用户体验设计师 交互设计师 移动产品经理 Web UI设计师
课程体系
第一阶段 美术和平面设计阶段
第二阶段 交互设计阶段
第三阶段 界面设计阶段
第四阶段 Web UI设计与制作阶段
第五阶段 综合项目实训与就业服务阶段
主要用的软件有六个，仅供参考。
Photoshop
Illustrator
Flash
Freemind
Powerpoint
AXURE_RP6.5
                                        
                                                            

                        
                        热心网友
                        时间：2022-05-13 06:42
                    
                    
学设计不如学【视频剪辑】。理由很简单，容易学（不像其它行业学习成本高，难度大），适合短期3-4个月短期学习，而且行业缺口非常大，无论是找工作还是自己在家里接私单，月收入轻松过万，两三万也是稀松平常。【点击进入】免费“短视频剪辑后期”学习网址：  
www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-940844845501202572   

因为现在【短视频】的崛起，任何企业，任何工作室或者个人都需要制作剪辑大量的短视频来包装品牌，发抖音，发朋友圈，发淘宝等自媒体渠道做展示。因为每天都要更新并发布新内容，所以剪辑师根本招不够，，供需失衡就造成了剪辑师高薪水。

而且剪辑这个技术并不需要高超的电脑技术，也不需要美术音乐造诣，基本都是固定套路，要什么风格的片要什么节奏，经过三四个月的培训都可以轻松掌握。但凡有点电脑基础会用鼠标拖拽，会点击图标，会保存除非自己不想学，没有学不会的。但是要学好学精，就一定要找专业负责的培训机构了，推荐这个领域的老大——【王氏教育】

在“短视频剪辑/短视频运营/视频特效”处理这块，【王氏教育】是国内的老大，每个城市都是总部直营校区。跟很多其它同类型大机构不一样的是：王氏教育每个校区都是实体面授，老师是手把手教，而且有专门的班主任从早盯到晚，爆肝式的学习模式，提升会很快，特别适合0基础的学生。王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】：       www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-940844845501202572     


大家可以先把【绘学霸】APP下载到自己手机，方便碎片时间学习——绘学霸APP下载：    www.huixueba.com.cn/Scripts/download.html
                                                            

                        
                        热心网友
                        时间：2022-05-13 08:50
                    
                    
UI设计培训课程是：图形设计、交互设计、用户测试/研究。