移动端Ui入门知识大汇集

学UI网萌小秘 338805浏览 0评论

关键词:UI入门教程   UI新手  UI视频教程  APP尺寸  APP流程  UI切图  UI字体

ui-tutorials

 UI新手先看下面3篇精彩内容:第一篇内容很丰富,请挨个学习,能不能坚持下来,就看你自己努力不努力!!!!

ui入门知识   视频教程大集合   UI新人疑惑解答

UI设计教程   d2   虎哥的10年设计生涯回顾

a1

 

软件安装(建议购买正版软件,仅供学习使用)

  1. Photoshop 2017 软件下载 请到官网下载试用版,然后干啥自己百度
  2. 怎样安装Photoshop画笔,形状,动作,滤镜等插件
  3. psd AI 缩略图查看插件

 

学习文章

 

Ps改进UI设计的一些技巧   APP界面设计流程   design-workflow

ios视觉设计规范说明   移动端界面设计之尺寸篇   z78

33   让灵感找上门   教你做一套统一风格的ICON

 

尺寸规范

  1. 移动端界面设计之尺寸篇(入门必读)
  2. iOS设备上的App设计规范
  3. IOS 7 Ui规范PSD
  4. ios7和ios6 2套icon模板下载
  5. android规范文档3份PSD下载
  6. 移动APP设计时,按钮做多大尺寸?
  7. 详细介绍android和ios平台的切图方法
  8. 一套触摸设备UI交互手势的设计下载
  9.  各种品牌机型的分辨率和相关的屏幕数值

 

移动设备字体

  1. ios-android-wp系统字体下载(包含中英文)设计师必备
  2. ios在线预览字体(ui设计师必备)

131 141   58019f030659b340b6547d0939de1cde-210x150

视频教程

视频教程大集合

教程

  1. APP界面设计流程
  2. 让我们一起来做最漂亮的Android界面吧
  3.  Android Design中文教程
  4. UI设计师不可不知的安卓屏幕知识
  5. 我该如何临摹?
  6. 如何设计一枚APP图标
  7.  解密IOS7毛玻璃效果
  8. PS改进IOS设计流程的30个窍门 (看了少犯错)

常规UI切图(3种方法,各有各的好)

qietu   PhotoshopCC新功能 生成图像资源   photoshop切片使用小技巧

 

移动端UI切图必备工具和教程

azqt   draw9patch

 

  1. 点九软件下载安装说明(移动端 设计师必备)
  2. android关于”点九”
  3. 【APP切图的那点事儿之详细介绍android和ios平台的切图】

 

 

UI标注教程和神器

  1. 网页UI是如何标注的?(附带WEB UI视觉规范文档)
  2. 马克鳗(设计稿标注&测量神器)

 

网页版APP和原生的APP有哪些异同之处?

 web app 必须得联网 跨平台方便 开发移植成本极低 没有系统控件 权限限制比较高原生app 可以在需要的时候联网 体验相对更流畅一点 开发移植成本高 有系统控件可以用 可以获取比较高的系统权限现在流行的一种方式是 半webapp半原生框架用原生的程序开发 内容用web这样就结合了两者的优势

 

设计稿包装

  1. APP真实场景模拟效果图网站
  2. 一键制作移动设备界面效果图 (PS脚本)
  3. 各种能让你的设计稿看上去高端大气上档次PSD干货下载

 

iCON欣赏

  1. http://iosicongallery.com

 

APP官方网页欣赏

  1. http://www.appsites.com/

 

实用工具

  1. Ps Play研发之录-移动设计零阻力
  2. 马克鳗 设计稿标注&测量神器
  3. http://www.bootcss.com/简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

 

整理编写:TIGER

最后希望大家   给学ui网打打气,加加油  猛点这里 >>weixindibutu