天才靠的是积累,聪明靠的是努力。

扩展扩展:

banner 编辑:

可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。Banner[1] 主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。

  • Banner设计的六大原则
  • 如何设计一款好的Banner-知乎
  • fotor-在线快速平面设计平台

头脑风暴:

一种创造能力的集体训练法。
当一群人围绕一个特定的兴趣领域产生新观点的时候,这种情境就叫做头脑风暴。

  • 头脑风暴-百度

极客:

极客是美国俚语“geek”的音译。随着互联网文化的兴起,这个词含有智力超群和努力的语意,又被用于形容对计算机和网络技术有狂热兴趣并投入大量时间钻研的人。在国外普遍定义Geek是指一些喜于业余时在电脑网络上与人交往的人,一般认为在电脑和网络上进行生活的人就是Geek现。

  • 极客

一,头脑风暴

头脑风暴最怕的就是矜持

二, 交互草图

准备一个玻璃墙或者大黑板、几打便利贴、几种颜色的油性笔、几个小标记磁铁。
软件:
- Axure:拥有全面的Wed控件库,直接拖曳就可以快速制作网站的原型,丰富的动态面板可以用来完成各种交互效果,无论给什么阶段的人看都是简单移动的。
- Balsamiq Mockups:功能同Axure,所有的元素都是手绘风格的图像。
- Illustrator: AI,有利于矢量图形的处理,不过工作效率较低
- Ptototyping on Paper: POP

三,设计阶段

每做一个项目之前最好下载大量的同类竞品,贴延后将亮点部分截图

先不要动手,先去分析竞品,记录各自竞品的优点和缺点。想一想:这款竞品为什么不受欢迎,或者为什么这么受欢迎?这个元素的颜色用的是否恰当?这个风格是否符合用户?这个按钮或者标题文字的大小位置是否恰当?

工具:网点纸,图标网格纸,iphone6模板网点纸

四,输出研发

所谓输出,也可以更加通俗地说,叫作切图

在PhotoShop中建议采用下面的样式:

模块类别功能_状态,例如:Nav_button_message_sel

状态:

  • nor:normal,正常;
  • hig:highlight,高亮;
  • sel:select,选中;
  • dis:disable,不可用;

五,动态描述

可以使用ps的时间轴

六,补充待命

后续

七,产品上线

后续

八,倾听用户

后续

Appendix:APP切图常用英文对照参考

  • 启动页:slashscreens
  • 引导页:user guide
  • 加载:loading
  • 登陆:login
  • 登陆条:loginbar
  • 注册:register
  • 搜索:search
  • 功能区:shop
  • 标题:title
  • 加入:joinus
  • 状态:status
  • 按钮:btn
  • 滚动:scroll
  • 标签页:tab
  • 文章列表:list
  • 提示信息:msg
  • 当前的:current
  • 小技巧:tips
  • 图标:icon
  • 注释:note
  • 指南:guild
  • 服务:service
  • 热点:hot
  • 新闻:news
  • 下载:download
  • 上传:upload
  • 头:header
  • 内容:content/container
  • 尾/页脚:footer
  • 导航:nav
  • 侧栏:column
  • 左,右,中:left right center
  • 标志:LOGO
  • 广告:banner
  • 页面主题:main
  • 子导航:subnav
  • 菜单:menu
  • 子菜单:sunmenu
  • 版权:copyright
  • 投票:vote
  • 边导航:sidebar
  • 摘要:summary

吐血整理( ﹁ ﹁ ) ~→

学习素材:视界·无界-写给UI设计师的设计书(Design Without Borders-A guidebook For UI Designer)【王涵】

感谢感谢( *︾▽︾)

【2017.11.15】设计师的正确工作流程相关推荐

  1. UI设计师的实际工作流程是什么样的?

    随着移动互联网和大数据的发展,用户对于产品使用体验度的要求越来越高,所以UI设计也受到了广泛的重视,目前UI设计相关岗位的薪资待遇也比较可观.高薪也吸引越来越多人来学UI设计.只要可以熟练掌握UI的全 ...

  2. photoshop脚本指南_Photoshop礼节:面向设计师的PS工作流程指南

    Adobe Photoshop是一个强大的程序,可以执行照片编辑 , UI设计 , 数字绘画 ,甚至矢量工作 . 掌握所有键盘快捷键和工作流程需要花费很多年,因为还有很多东西需要学习. 该在线指南涵盖 ...

  3. 素材网站|设计师下半年的工作流程至少减少了一半...

    设计提高输出效率,这个问题绝对是专业设计的苦恼. 那就必须有几个得心应手的素材网站! 对很多人来说,一张好的图片莫过于"高清+高质感"的组合, 但是"度娘"图片 ...

  4. 【2017.11.15】色彩的奥秘

    做设计的人往往数学都不好,因为设计的思维从来不被公式束缚 一,准确的实用颜色 红色,大多数应用红色风格的有电商的天猫,京东,还有新闻类的网易,zaker,今日头条等. 因为红色在中国是一种权威,值得信 ...

  5. 2017.11.15作业

    Coding Coffee产品页的like功能 <html><head><meta charset="UTF-8"><title>C ...

  6. UI设计师工作流程详解,让你充分了解UI设计师

    虽然UI设计师已然成为互联网行业炙手可热的人才,但依然有很多人对于UI设计师的了解并不多,UI设计到底要做什么?接下来,我就给大家介绍一下UI设计师的工作流程,让大家能更充分的了解UI设计师. 首先, ...

  7. Git工作流程和rebase与合并问题

    我和其他开发人员一起在一个项目上使用Git几个月了. 我有几年的SVN经验,所以我想我给这段关系带来了很多包袱. 我听说Git非常适合分支和合并,到目前为止,我只是没有看到它. 当然,分支很简单,但是 ...

  8. 做好这15个事项,工作起来事半功倍~

    更多专业文档请访问 www.itilzj.com 人在职场,每天有如陀螺般忙得转个不停,大家抱怨着工作苦,工作累,工作辛苦没的睡. 但是仔细思量,如此这般,到底是工作量太大?老板太苛刻?还是自己效率低 ...

  9. UI设计师是如何工作的?

    眼下正值就业的"金九银十",又有大批新人小伙伴要涌入UI设计这片红海啦.然而在某度搜索"UI设计师"会发现,其实大部分人对这一行并不是十分了解.笔者作为一名正奋 ...

最新文章

  1. 百利而无一害的技术——Linux
  2. 【kuangbin带你飞】专题六 最小生成树
  3. synchronous_commit 参数的再次说明
  4. 03:Poor Herobrine 直接插入排序
  5. 2020测试机械硬盘软件,YDT 3825-2020面向互联网应用的机械硬盘测试规范.pdf
  6. Jmeter-【JSON Extractor】-响应结果中三级key取值
  7. 限时团购,6.5折:《C# 7.0 核心技术指南》
  8. nacos服务配置中心演示
  9. android 名片识别 简书,iOS 自己实现 名片识别 三 图片处理
  10. Centos下MySQL的安装及常见问题
  11. golang配置环境排坑
  12. 定制软件项目经理应该善于说“NO”
  13. 由内鬼事件看企业的内部安全威胁
  14. 【解决】Windows Mobile 6 Professional SDK Refresh.msi 在xp上一直卡死
  15. 服务器虚拟机要怎么安装,服务器虚拟机怎么安装
  16. 红外图像盲元修正MATLAB算法,红外图像盲元检测方法与流程
  17. 伺服速度控制模式接线图_伺服驱动器控制模式的接线及其注意事项
  18. Chapter 1 (Linear Equations in Linear Algebra): System of linear equations (线性方程组)
  19. 港科夜闻|香港科大(广州)熊辉教授获委任为协理副校长(知识转移)
  20. 市场调研方法:焦点小组访谈法

热门文章

  1. 从零开始在虚拟机下安装Ubuntu
  2. MATLAB闪退,无法打开
  3. canvas实现绘画板
  4. 【工作记录】配置高效科研工作软件
  5. 国家药监局:强化电子签名应用,助推疫苗生产检验电子化
  6. java程序到winds下的服务
  7. Springboot循环依赖解决办法
  8. qt opengl 画球体
  9. 关于三通道彩色图像的存储方式理解
  10. 工程图学及计算机绘图宋卫卫,工程图学及计算机绘图习题集