UI设计规范总结

尺寸

iOS用750*1334即可;
android的尺寸众多,建议使用分辨率为720×1280 的尺寸设计。这个尺寸 720×1280中显示完美,在 1080×1920 中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高。

颜色值

IOS颜色值取 RGB各颜色的值比如某个色值,给予IOS开发的色值为 R:12 G:34 B:56 给出的值就是 12,34,56(有时也要根据开发的习惯,有时也用十六进制)
Android颜色值取值为十六进制的值

内部设计

1、所有能点击的图片不得小于44px(Retina需要88px)
2、单独存在的部件必须是双数尺寸
3、两倍图以@2x作为命名后缀
4、充分考虑每个控制按钮在4中状态下的样式

字体

iPhone默认字体:中文—Heiti SC,英文— helvetica;
安卓默认字体:中文——思源黑,英文——Roboto。

 

1. dpi是dot per inch,每英寸多少点,ppi是 Pixel per inch,每英寸像素数,针对显示器的设计时,dpi=ppi。
ppi计算方法是长宽各自平方之和开方,除以对角线长度(单位英寸)。原理可以自己画个矩形勾股定理算一算。
2. ppi表示显示设备的点密度,dpi表示印刷品点密度。
3. dip或dp,是安卓开发用的单位,1dp表示在屏幕点密度为160ppi时1px长度。
因为安卓设备屏幕众多不可能为每个屏幕单独开发,所以用公式 px=dp*(ppi/160)计算在不同屏幕上的像素数。
举例:HVGA屏320*480,一般是3.5寸,计算点密度为√ (320^2 + 480^2) / 3.5 = 164,约等于160,1pd=1px
WVGA屏480*800,按3.8寸屏算,点密度 √ (480^2 + 800^2) / 3.8 = 245,约等于240,1dp=1.5px。
还有更高分辨率的屏幕就不一一列举了,总之dp是为了方便适配不同屏幕的单位,在不同屏幕密度下,1dp的物理长度也相同。
iPhone X设计规范:http://www.tuyiyi.com/v/55463.html

为什么会起个“快乐实习”这么难听的标题。。。。

实习前的几天是忐忑的,每天都会担心面试不成功,会错过这个机会。

工作第一天,很茫然,不知所措。任务也没有完成,很困,没有带水杯。

但是,创维的每个人都超级好,又请我吃饭,又给我搭顺风车,陪我买被子等等,真希望一天能过的慢点。

一、有趣事情

电梯:

一楼有四个电梯,而二楼就只有一个了,原因是除了某一个电梯,其他的都不在二三楼停。 第一次看到电梯没有四楼,而是A楼很疑惑。后来知道在广东普遍都认为“四”字不吉利。电梯除了那一个好像只会在某几层停,一个很明显的例子就是14、15、16层的是坐到13层然后爬楼梯上去…哈哈哈,我就是在13楼的。

公司厕所:

之前没有在公司上班过,不知道其他公司是不是都这样,厕所总是弥漫着浓郁的栀子花的香味,进了就有一种多待一会的冲动(我以后一定会非常怀念公司的厕所,哈哈哈) 厕所设计的很人性化,坐式的门设置向外开,蹲式的设置为向内开。每个隔间都有纸巾、绿植和放置手机的地方,解决了手机没地方的尴尬。

用餐:

我去了好几家(包括两个食堂),口味风格不说,都很贵,每月吃饭花费大概是我工资的一半。。

公交:

从入职到现在,我还没有坐过公交,听说上下班挤上去了也是落不下脚,处于漂浮的状态。早上乘坐财务部经理敏哥的顺风车(人很帅),下午搭嗒嗒(一种城市巴士,定时出发),好吧第一次听人家说,我以为他们在唱歌。嗒嗒比公交贵一半,但是能避免回去很累的问题真的很棒。

工作:

公司给我配了比其他人(当然设计的小伙伴除外)高配置的台式,台式用起来炒鸡棒,又清晰又屏大,只有两个问题一直困扰我,一是装不了非绿色版的设计软件,而装某些软件能卡上一天,卸了之后电脑就非常好用。 工作环境非常好,是我见过最好的,我的座位放我的台式和笔记本毫无压力且还会剩很多空间。

我同桌是营销经理,我看到的是他每天都在做ppt。。。

第一次开会觉得大家都超厉害,很会表达自己的想法,一点也没有电视里那种不自然和做作。但是有些会议就没有叫我,估计是不便让我参与吧。

我的工作就是做我的ice姐(请我吃过饭的设计前辈)发给我的任务。和我之前做练习不同,这些工作都是有目的性的、注重规范和用户体验的,对我来说会有一定的挑战。我作了一些笔记,实习完了分享。

朋友:

我有两个新结识的小伙伴,一个是研究生(我的室友),一个是大四的。他们是那种待人炒鸡友好的,像是一个个阳光天使,每天我都和他们一起上下班(我每天都是准点下班,而前辈们都还在公司工作,不知道我这样做会不会不太好)。

住所:

之前听说公司会给实习生配很好的床上用品、生活用品,后来才知道,其中并不包括我这种实习了几个月就走的实习生。所以,小伙伴们陪着我买了这些,啊啊啊,我的钱。。。

为什么头像都从方框做成圆的

<转>

咱们现解释一下,头像是啥子,随着网络用户族群快速增加,他们对于藉由平台与其他用户互动的需求就越高,也因此发展出许多可互动的平台类型,例如论坛、邮箱、聊天室、博客到社群等。其中每个用户都代表着一个独特个体(无论是真实身份或虚拟角色),这些个体会有相对应的信息,以及代表个体的个人头像。而个人头像通常是具个性化(用户觉得能代表自我)的标志,大多以平面或3D图象的方式呈现。 UI上的个人头像英文为Profile Picture或Avatar,其中Profile Picture在字义上较容易理解,反倒是Avatar,各位读者可能会充满问号,因为大家对Avatar的印象应该都是阿凡达电影(蓝蓝的那出XD)。根据techpedia平台上的描述,Avatar一词出现于1985年,由卢卡斯电影公司(Lucas Film)内发展在线角色扮演游戏(Habitat)项目人员(Chip Morningstar & Joseph Romero)首先提出。此词源自于印度教对“圣人降临(a descent of the Supreme Being)”的描述,在英文里有“化身(incarnation)”或“代表(manifestation)“之义 那么下面分为三个点来讲 视觉 1.视线在方形的焦点有5(四个角+中心),而圆形只有一个(中心) 2.圆润的线条或角度,可让视线自然的追随与运动 3.在扫视的情况下,使用圆形可协助使用者辨识或区分是否为内容,因为内容通常会置于用方型容器,例如文字、照片或专辑等。 (此处应该有图片,好吧 我没找到合适的。。) 感受与认知(咱们体会到最直接的方面)

1.方形太无趣了。

2.大脑可较轻易的处理圆形内的信息,减少认知的压力

3.相较于方形,圆形更柔性、有机、安全、顺眼、现代与友善,也更能与他人情感交流。

4.更有关注的感觉,例如想到望远镜或放大镜的视野。

5.大多照片的四周都是无意义的背景或信息,圆形可以将其切除。

6.通常拍照会把“人”摆在中心,而圆形中心到四周距离都一致,可让脸更突出

其他

1.行动装置普及后,因圆形与手指按压在屏幕上的形状类似,而被广泛的使用。

2.其实人类早就有这样的应用,例如将人物应用于圆形硬币与圆形艺术画中。

3.只是一个设计的风潮,刚好流行到“圆形”这个周期。

4.很多准则或模板都提供圆形版本。

5.现在的CSS3技术让圆角(圆形)轻易实现且各浏览器也几乎都有支持。

下面是别人的观点我采纳一下~ ·角度的边缘,看起来较明显 通常方形的锐利四角,因为对比(颜色或形状)的关系,在视觉上会更明显,造成干扰。使用圆形并无此问题,所以更可强调重点–“脸部“。

方形对角线较长 方形的对角线比边缘还长,用户目光易延伸出去;圆形半径长皆一致,用户可花更少时间在理解内容,眼球也较不需要移动

圆型用于非人物图片,效果也是一样的吗?

虽然使用圆形的个人头像可排除不相关的背景,更聚焦于人脸上,但非人物的图片(风景或食物等)也有同样效果吗?Anthony认为不一定,因为可能因此失去了该图片要传达的资讯,如景深或细节等。

下面就是小筑自己感觉的。 较强的设计感 圆形的个人头像,能让界面传递较强的设计感。不过这点会受设计师应用的手法,或使用者的主观感受影响。此外,平台无法限制使用者上传图片的质量,若上传图片的质量、构图或美感较差,将其套用在圆形的掩码里,界面的设计感会比方形的好。 ·高度亲和力 就如同人与人的交际,在初次见面时,会认为带有严肃表情的人较难相处,而微笑满面的人可马上聊起来。为什么会有这种先入为主的观念呢?这就是“亲和力“高低层度的差异所致。而曲线与圆在人们的印象中,就是亲和力的象征。若界面上使用圆形的元素(个人头像等),使用者可能会产生,此产品学习曲线较低的印象。  好的开始就是成功的一半,对吧! ·虽然矩形可让空间利用最佳化,但应用圆形又可多一点留白空间 若不考虑使用者体验与美学,将不同的内容以方形排列,将最具有性能(一种集装箱的概念),但这样的产品绝对不会受到用户欢迎的。因此,设计师都应了解留白带来的效益,例如降低视觉负担、增加阅读性、区隔不同内容与更具美感等。适当的留白对产品来说相当重要,同时也考验设计师的基础训练是否扎实。就个人图象而言,同样尺寸下,圆形又能比方形多一些留白空间(在四角处),除了增加与其他内容的区隔性外,也能让界面带点趣味性css怎么做?该注意什么? 感谢css3与各浏览器的技术支持,现在只需要针对个人头像的HTML tag or class写一行border-radius: 100%;的css属性就可以达到!为了向下兼容老旧的浏览器,必须针对不同核心的浏览器添加不同的前缀,如下:

给予使用者上传图片的建议 不知道大家有没有这样的经验,就是当你挑好图片并上传后,发现圆形的形状外框遮住了许多重点(例如脸的一角),效果不如预期。其实,设计师可以在上传图片的界面上,提供给使用者一些建议。例如,画出一个人脸可在圆形里完整呈现的区域,这样使用者就会比对自己的图片,并挑选较符合者;或是提醒图片上有字的话,建议的大小为何(可看的清楚);提示不能使用非法图片等。 同尺寸下,圆形看起来比方形小 某一圆形的直径与正方形的边长一致,若将两者放在一起,视觉上会认为圆形的较小(如下图左)。如果排版有将两者放在一起的需要,可将圆形放大一点,以达到视觉的平衡(如下图右)。

胡胡圈圈在听《恋爱的犀牛》

村上春树说了一句话
你要做一个不动声色的大人了。
不准情绪化,不准偷偷想念,不准回头 看。
 去过自己另外的生活。
你要听话, 不是所有的鱼都会生活在同一片海里。
每一天晚上都要早早睡觉,不要熬夜,不要多想。
你也对我说过:你的一块钱网站要好好利用好,别让它荒废了。虽然两段话似乎没什么联系,但就是联想到了。
对了,这句话是我今年印象最深刻的话。

github建个人博客的问题

事情是这样的。我在我的个人网页上加了我的GitHub链接,一个老铁访问了我的网站。由于我网站右上角有7、8个链接,但WordPress不支持显示中文链接的网站的图标,所以那几个国外网站的图标尤为突出。

回到事情开始,这位老铁学网络工程的,就与我谈起了我的GitHub账户的事。

原话是这样的:

老铁:github咋是一个组织呀你没有弄个人的账户嘛?

我:哦?

老铁: 我:我没怎么用GitHub等等,因为在学校时翻墙不易。。。。

老铁: 个人账户一般是这样的

我:我都是用开源中国的

老铁:github不用翻墙的 (完)

现在回想起来尽显尴尬,我特么不用GitHub为啥还要加个链接?可能是为了装逼吧。 不过今天我决定装到底,我打开了万年不用的git,跟着教程在github建自己的博客。 然而,

我觉得我可能看了一个假教程。

过了一个半小时,我翻阅了国内外各个类似此教程网页,发现大多一致。我觉得我肯定是忽略了某个关键点,但是以我的智商,恐怕是找不到。于是我请出了我的假程序员男友,结果,他没搞定。恩,后来还是我自己搞定的。

开始我在Custom domain下面的输入框里面输入了h2y.github.io,结果请求不被允许,然后我觉得奇怪,一切都是按流程走的呀。(现在想来可能是被占用了吧)。后来我就输入了我滴个人网站网址http://h2y.net.cn/,结果显示创建成功,大吃一鲸。(在这一步这个h2y.net.cn被写入一个叫做CNAME的文件里,应该就是在这一步影响了后面各种尝试的创建。) 后来把它里面的内容替换成GitHub提供的域名地址(https://yuanyuanhu.github.io/)就好了(或者直接删掉,再在Custom domain下面的输入框里面输入了h2y.github.io)。

好了,这就是那个坑了我将近两个小时的问题。

回到对话,为啥我的github是一个组织,我滴男票跟我讲“有一次你看到我有一个组织的页面,你说‘我也要!’然后创建了之后就再也没管过”。 呃。实力作的典范。

最后贴上这位老兄的博客www.rutk1t0r.org/和GitHub链接https://github.com/embpgp,有空多去支持支持哈。 这位老兄今天下午回学校了,和其他小伙伴一样,可能是最后一次见面,我依稀记得,我唯一一次在十三楼吃过比较对胃口的下午茶是他叫我去拿的那次

App界面交互设计规范之视觉

上篇《APP界面设计风格》 APP设计规范指对APP界面进行风格统一,对界面元素的样式、颜色和大小设定统一的规范和使用原则。与设计、前端约定好统一的设计规范很重要,约定设计规范可以减少产品、设计、前端的沟通成本;可以使界面设计整洁、统一,减少界面元素的重复设计;可以减少设计素材,控制安装包的大小。 APP设计规范主要包括对界面布局、背景色、字体颜色大小、界面元素间距、弹层、loading、图标、按钮常态点击态等进行统一的梳理和规范。

一、页面布局规范

244174-681062d1a410283b 页面布局 页面布局和交互规范上建议安卓、ios尽量统一,这样可以避免安卓和ios分别设计一套稿子。当然土豪公司可以忽略这个建议,安卓和ios分别做专门的设计当然更好。在中小型项目来看,设计资源紧张的话可以考虑安卓和ios用同一个稿子,分别做相应的微调后输出适用安卓和ios不同的尺寸要求就可以。 推荐使用mac矢量设计工具”sketch”。以ios平台的iPhone5的尺寸640*1136px作为标准尺寸设计。在界面设计完成后可以做相应的微调导出适用ios和安卓尺寸的稿子。这里可以首先统一设计稿输出规范:

  • 安卓(720*1280px):界面预览图、界面坐标图、标准界面的图标png文件
  • IOS(640*1136px):界面预览图、界面坐标图、1-3倍图矢量图标pdf文件

PS:界面坐标图指在设计已定稿的界面预览图上标注:界面元素的间距、文字的颜色、文字的字号大小、图标的尺寸、按钮不同状态颜色、按钮的尺寸等等 244174-6a9f0032dce8c8af 界面坐标图实例

二、标准色规范

244174-dd76e93c198cce22 标准色规范 标准色规范:重要、一般、弱。标准色重要:重要颜色中一般不超过3种,这里的例子重要颜色之一红色需要小面积使用,用于特别需要强调和突出的文字、按钮和icon;而黑色用于重要级文字信息比如标题、正文等。

标准色一般都是相近的颜色,而且要比重要颜色弱,普遍用于普通级信息、引导词比如提示性文案或者次要的文字信息。标准色较弱:普遍用于背景色和不需要显眼的边角信息。 244174-64832b9214e30e9c 标准色实例

三、标准字规范

244174-53a10bf40b54e19b 标准字规范 文字是APP主要信息的表现,尤其新闻阅读、社区APP等制定标准的设计规范和良好的排版方式,用户使用APP也觉得毫无疲劳感,这一点很重要。标准字规范重要、一般、弱。这里主要规范标准字的大小,标准字要注意跟上文的标准色进行组合突出APP重要的信息和弱化次要的信息。标准字重要:大字号普遍用于大标题、top导航,较小字号用在分割模块的标题上。标准字一般:主要用在大多数文字,比如正文。标准字弱:普遍与标准色较弱组合用于辅助性文字如一些次要的文案说明。 244174-5b6ff350de69686e 标准字实例

四、界面元素间距

244174-4fe880e3fc14accb 界面元素间距 APP界面要给人简洁整齐,条理清晰感,依靠的就是界面元素的排版和间距设计。这里间距设计还要注意考虑适配不同的屏幕分辨率。一般解决方案有据屏幕等比放大缩小间距,或者固定某些界面元素的间距,让其他空间留空拉伸。为了满足屏幕分辨率较大的设备,有时甚至需要改变APP界面的页面布局。 244174-4af7348becd31f74 微信iPad版vs微信iPhone版

五、弹层规范

244174-5ac66478727d585e 弹层规范 弹层规范要注意分别设计安卓和ios的弹层,比如ios大多操作弹层由底部弹出,而安卓直接显示操作再页面中央,这样的交互搞作应该遵循各自平台的设计要求。弹层需求根据不同的功用设计不同的样式。比如操作性弹层-右上角更多按钮触发;提示性弹层:弱提示性的应用系统的token飘字提示即可;需要强提示可以使用取消、确定的模块弹层;更强提示而且弹层需要承载一定操作的使用强引导弹层,右上角提供关闭操作或者可以点击非弹层区域关闭弹层。

六、Loading规范

244174-446167c3ecd77e82 Loading规范 页面loading动画是APP界面必不可少的元素,增加loading可以给用户明确的反馈功能正在加载,减少用户在等待功能响应引起的烦躁感。另外loading动画除了常规的菊花还可以考虑使用npc,让APP更生动、活泼;或者使用logo口号加强APP的品牌形象。 244174-8b97e8bd72060c67 次元社、闺蜜圈loading截图

七、图标/按钮规范

244174-2b523bc2dc22badb 图标按钮规范 图标规范要注意安卓和ios平台需求不同的大小和不同的文件格式:如安卓需要720*1280px标准页面的png图标格式;ios需要3个尺寸320*(1-3)倍图的图标pdf文件。图标还应该根据不同的功能需求设计不同的状态:如常态、选中态、点击态等。 按钮规范按状态分有:常态、点击态、不可点击态。按钮规范因不同功能和场景需要,设计不同的样式和颜色,在尺寸上也分有:长、中、短;而且按不同手机平台长中短尺寸也注意有所不同。

八、页面加载失败、页面为空展示

244174-ef9853634ac600b1 加载失败、页面为空 页面加载失败、页面为空可以统一规范为NPC、文案、按钮。要注意根据不同的场景显示不同的NPC和文案。…… … 设计规范主要由设计童鞋来梳理,但必须要与前端开发、产品经理达成共识,严格遵守约定的规范,否则这个设计规范就毫无意义了。 在制定设计规范过程中,产品经理要积极主动充当桥梁角色组织设计师、前端开发一起制定设计规范,保证设计规范考虑的更切合实际、更全面、更完整。

实习感想

12号那天脑子出了bug,约好的星期一面试,不知我是怎么曲解了人事姐姐的话,我星期天来了,前台的小哥可能是个假保安,说话我基本听不清,只听得最后那句“周末不上班”。然后我假装什么事都没发生,去了深圳湾。

第二天面试令我十分惊喜,甲哥人特别好,一反面试惯例的拘谨严肃,我当时是紧张的不知道说些什么的,但甲哥总能让谈话变得很愉快。

第三天下午人事就通知我去领我的电脑等工作设备,下午六点,我突然想到,我并没有解决住的问题,于是问了一下甲哥,他突然从忙碌的工作中“惊醒”,健步如飞的爬到十六楼,去找未谋面的室友“zhaozhengcheng”。我一度很慌张来着,内心:“我的室友,是男的?”找了几圈也没人影,我记得甲哥“奔波”过程说的两句话“这小姑娘下班这么准时”“这么多人,没一个有她的电话”。用成成的口头禅来讲就是,甲哥内心是奔溃的。

后来我就顺利的和成成回来了,成成是那种看上去就是个学霸的人,但是心里可能住了一个老司机,哈哈。晚上出去置办生活用品结识了江湖人称的“陈爸爸”,后来回到寝室就在门口被围观,有趣的是,我就记住了大眼睛的建六和高个子的高鹏…在后来的几天里已经完全认识了大家,这里总结一下:掌握各种生活小技巧被说是糙汉子其实我比她更糙的老司机成成、不管是长相还是内心都很成熟稳重的亚楠、说话很欠打的在群里对成成展开爱的攻势的少男、没事晒晒女票喂喂狗粮的振远、说话语速很快总会带着“卧槽”讲PPT能把人讲听得一脸 崇拜的高鹏、总让人给介绍对象也没见他看上谁但还没正式上班就为媳妇准备房子的谭栋、超级有幽默感的闷骚高材生思聪他六叔建六、十分实诚玩狼人是狼是民都摆在脸上我总是读成前鼻音的刘鹏、不喜欢说话看起来也比较严肃但听说也很闷骚的汪雄、拍照很6但是没见过几次面就回学校的攸县人江老板。

小伙伴一半是陕西的,说话的口音都贼有意思,一起吃饭,饭桌上也是妙趣横生,“闫先生”说有一个老规矩,新来的要在大家一轮自我介绍下来被提问,要准确答出所问,比如姓名、学校、家乡、是否有女朋友等。恩,是的,我也被套路的,但是听到说错了就要喝一杯水,想到那一股工业废水般气味的水,我想说,还是给姐来瓶啤酒吧!然而我仔细想一想还是矜持点,于是我选择了装作你说什么我听不懂,我在认真玩手机的样子。

我开始的时候很喜欢蹭小伙伴们的实习总结会议啥的,我总是天真的以为是可以去涨知识的,没想到也是各种吃吃喝喝玩玩,所以,我也不知道会不会招来小伙伴的嫌弃…等等!可是我真的不是去蹭吃的的呀哎喂!

后来慢慢了解了很多套路,比如上下班挤公交的正确姿势,中午吃饭的合适时间。

之后了解了一些公司制度等等。我司采用打卡制度,上班时间为8:30-9:00,下班时间为18:00-18:30,午休时间为11:45-13:15,如果为早上8:30打卡上班,那么下午18:00即可下班。听说我司年会会有抽奖活动,最高5W现金,现金啊。年前来的财务实习小哥哥跟我讲过,年会抽奖,有两个实习小姐姐都抽中了5w,好生羡慕。

我司已有30年历史,但是我滴一个小伙伴讲,创维除了不赚钱,啥都好。在工作过程中不会时有前辈指导,对新人成长非常有利。晚上加班和周末加班都有20元餐券补贴。晚上加班到几点还可以报销交通费。我司每天下午三点就有下午茶供应。我司很多人包括我都是吃食堂,大概是因为深圳地价贵,每个餐厅都是座位拥挤。

我司乘坐电梯就会有苦恼,高峰期乘电梯会比较挤。中午12:10左右到13:20关灯睡觉时间,基本上每个正式员工都有自己买的折叠床,但实习生大多没买,在桌上趴着睡。

在我进公司后的第一个周一吧,高高帅帅的张启岩作为UI实习生来到了我们部门,感觉到他一来,整个气氛都活跃起来了,终于有人可以陪我在没啥工作做的时候瞎聊了。而在相处过程中,我愈发发现了我和这位小哥哥在设计上的差距,他会画插画,会创作,画了公司的吉祥物并被定下,而且比我会建模会渲染,我唯一比他好一点的是平面软件的操作和对图像的处理,简直要羞愧死,还好我脸皮厚,继续愉快的做着难度低、工作量小的事。

另外想提起的是,这位优秀的小伙伴平时温文尔雅的,也没见他怎么跟公司其他人聊工作之外的事情,没想到他喜欢养昆虫,那种大只的,看起来造型独特的,还会扎人咬人的昆虫。于是我有时就被强行洗脑,现在居然也有点想养昆虫。。。

五月中旬他回学校了,我工作愈发的沉闷,而且消磨了一些刚来公司时的热情。我发现,我好像越来越不愿意主动去问自己做完的事有没有什么缺憾,不愿意去跟甲哥他们要求安排新任务。在这样一家大公司里,作为一名小牛犊,我开始怕虎了,从一开始的厚着脸皮找他们请教到现在,有时候没有什么任务安排去做,也可以让一天很快的过去。

win10修改图片默认打开方式

1、Win+R打开运行命令窗口,输入“regedit”命令 , 打开注册表编辑器之后, 打开HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft Windows Photo Viewer\Capabilities\FileAssociations ,右击新建字符串,命名为.jpg、.png等,回车,右击编辑,把数值数据设为PhotoViewer.FileAssoc.Tiff。

2、 右键点击任意图片,依次选择“打开方式”,“选择其他应用”,进入图片打开方式的配置界面, 选择“windows 照片查看器” ​。勾选 “始终使用此应用打开.jpg/.png…文件”,确定。

推荐一个UX的书单,以及下载地址。所有书都是英文版的,中文版网上应该也可以找到

  • Design of everyday things – Don Norman (用户体验界的鼻祖的大作,必读)
  • About Face – Alan Cooper (有幸见过作者,北美各大产品设计类专业教科书)
  • Storytelling for User Experience – Whitney Quesenbery (对我的帮助并不是特别大,可能讲故事我比较擅长,但是我的学生都说受益匪浅)
  • Designing for Interaction – Dan Saffer (另一本教科书级别的读物,交互设计入门+经典必读)
  • Sketching User Experience – Bill Buxton (和作者聊过计,很有想法的一本书,很多实用的技巧,也经常被用做教科书)
  • Don’t make me think – Steve Krug (和Don Norman的书一样,已经有些年头了但依旧是经典中的经典,做用户体验做产品的人都应该读读。这本和Don Norman的书都有中文版,只是我这里没有)
  • Universal Principle of Design – William Lidwell (我会推荐学生读的书,讲设计的一些基本原则的,很厚。我认为了解任何原则和标准都是为了知道什么时候应该打破常规的,这本书对我来说更是一本工具书)
  • Designing for Emotions – Aarron Walter (作者是MailChip的用户体验总监,算是一家很奇特的公司,远离硅谷和其他科技中心却能非常成功。他们的用户体验也算是业界标杆。这本书畅想了产品设计的一个很高境界)
  • Lean UX -Jeff Gothelf (很火的一本书,我推荐和另一本叫Lean Startup的书一起看。轻量级用户体验的实践方式,现在硅谷很火的创业公司基本都是这个流程。如果感兴趣Lean这个流程,也可以看看Scrum相关的书)
  • Emotional Design – Don Norman (还是Don Norman的书,深层次剖析了用户的情感需求以及如何为这些情感需求做设计,属于稍微高级一点的读物,我个人非常喜欢)

初学ps笔记

HSB(人眼)、RGB、CMYK(印刷)正片叠底——减色模式,往黑里变。滤色相反。所以在正片叠底的情况下白颜色上不去,因为正片叠底是往黑里变。如果要把上面那张画的黑颜色去掉,用滤色就可以了叠加柔光其实就是叠加,颜色不加也不减

  1. HSB(人眼)、RGB、CMYK(印刷)
  2. 正片叠底——减色模式,往黑里变。滤色相反。所以在正片叠底的情况下白颜色上不去,因为正片叠底是往黑里变。如果要把上面那张画的黑颜色去掉,用滤色就可以了
  3. 叠加柔光其实就是叠加,颜色不加也不减
  4. 色相、饱和度等是单一锁定的调节,比如只想改图片的颜色,就选色相
  5. 历史记录画笔工具:在现在和历史记录标记的状态来回切换,局部修饰用。 裁切之后历史记录画笔工具就会禁用,需要把标记换到裁切那一步。历史记录艺术画笔工具其实就是在历史记录画笔工具上加了一点特效
  6. 大楼上的巨幅喷绘,分辨率只需要十几到几十
  7. CAW(佳能)、NEF(尼康)、DNG(哈苏)是camera Raw格式(原数据包)后缀名
  8. 位深度(关于通道)
  9. 在Bridge调数值按住alt键就可以科学的调,而不是凭感觉
  10. 通道是三类颜色,黑白灰。

    通道第一个特征的是记录颜色信息(颜色通道)
    专色通道(有一些颜色用CMYK印不出来,就需要用专用的颜料印,但也不是说印的出来的就不是专用颜色)
    alpha通道用来保存选区
    TGA(Targa)、TIF(TIFF)、PSD支持通道,图层蒙版是一个临时通道,是通道另外一个变种,通道对原始图片无破坏,蒙版大多用画笔处理。调色最主要的是图像的调整,其中最重要的是色阶,曲线,色相/饱和度
  11. 打开图片第一件事就是看色阶,曲线其实和色阶也差不多,但是更细。调饱和度只需要调如天空,就把饱和度打开,把全图改成蓝色调即可,不要用选区。(饱和度打开有两条色相条,上面是输入,下面是输出。有四个标志块,长方形中间是选取的颜色主体范围,三角形和长方形直接是容差范围)但是像衣服那样有很多颜色混合,先做一下选区,把衣服框进去,移动那个标志块(或用色相条上面的吸管吸),把容差值收一收。
  12. 想把画面调成冷或暖色调用色彩平衡对话框很容易实现。把不同来源的图片弄成统一色调,如黑夜,用匹配颜色(比如自己拍的照片怎么拍都不如大师拍的,可以用匹配颜色将自己的图片和大师的匹配就会秒变好看)
  13. 可选颜色(最早用在印刷里面堆油墨)和通道混合器都是针对通道来调色。一张图片高品质的灰度图不是靠去色,也不是把图片改成灰度模式,而是通道混合器的单色或图像的应用图像
  14. 反相指明度和色相都相反
  15. 渐变映射(和渐变及色相有关)里面点击有选项如金属,可在渐变基础上追加金属质感
  16. 照片滤镜就像是拍照的时候加了一个滤光镜头
  17. 在几张几张扫描照片或其他图片之后一张一张裁剪修正很麻烦,可以在文件>自动>裁剪并修齐照片,回车一键搞定
  18. 在去色同级目录下有一个阴影/高光专用来弥补背景过亮,物体过暗无细节的问题
  19. (不重要)色彩均化是把太暗的地方自动调亮一点,太亮的自动调暗一点。 色彩分离可以用来和插画互转
  20. 阈值(用来得到黑白图或线稿):做之前要先滤镜>其他>高反差保留(也可以用来把图片变清晰)可以用阈值来做插图中的线稿提取。得到图像线稿或是黑白图的方法是:执行滤镜-其他-高反差保留(高反差保留就是把明暗交界处、轮廓处保留下来,把不需要的地方遮盖掉),然后在图像-调整-阈值;然后,把不需要的地方擦掉。
  21. 模式的位图和双色调是需要转成灰度之后才可以使用。而位图主要是用半调网屏选项,是用在报纸印刷(只用一种油墨并且没有深浅变化,光盘上的图案也是这样印出来的),双色调是可以选择一到四种颜色作为一种专色,在印刷时直接用专色颜料印就可以了,不像用RGB转CMYK需要印四次,成本高
  22. 索引颜色也是单通道,是图片的精华,文件量小,支持透明,以前用在多媒体动画里面,现在可做GIF(在存储为web格式里面试可设数值),小图标,带动画,有透明才用GIF来做,真彩图片存储为JPEG
  23. 图层>图层样式>混合选型、投影等。
  24. 画笔混合是一边画一边混合,混合选型的图层混合和图层面板上的混合完全一样,是画好了再混合。混合颜色带:把三角形(按住alt键可以拆开,实现容差的效果)向暗部移动会导致亮部与下图混合。可用在如拍的天空无云彩,从别的地方提取云彩;高级混合>挖空:深,直接挖到背景;浅,挖到图层组底部。在做GIF时,画了一个东西在第一帧,移动到另一个位置放在第二帧,在第一帧和第二帧圈选可调出过渡,设置中间穿插几帧就不用一帧一帧做了
  25. 滤镜的抽出(后改为用选区工具时的调整边缘)是可以把物体从背景中抽离出来(就不用花大量时间在抠图上,但只适合背景不是特别复杂的物体抠图),点开后用画笔沿着物体边缘画(把觉得会镂空的也都用画笔涵盖住),用油漆桶填充中间部分(即表示这些都是要抠出来的地方),有些不恰当的地方用清除边缘擦几下。
  26. 消失点(解决有透视关系的画面去大污点修复):创建平面工具,套出一个基调,用印章工具。像楼那种有透视有拐点的,需要套出基调之后再点一次平面工具,点击拐弯处的节点,拖出去就可以了(可以用在游戏的大幅布景、楼顶招牌效果、物体铺材质)。
  27. 滤镜里的极坐标可以用来做爆炸特效,而置换是可以在需要的地方贴一个材质
  28. 可以用滤镜做出冰块,动作:可以用来处理大量图片,如给几万张图片各加个人logo(先设好动作,然后文件下有一个自动)。
  29. 一张图片不能凭感觉认为好与坏,先自动色阶(ctrl+shift+L),然后追加一点饱和度(ctrl+U),然后强化环境周围(色彩平衡:主要调高光阴影部分),最后锐化(模糊要做到边缘留下来,模糊整体;锐化是锐化边缘,整体不动),锐化先复制背景,然后滤镜之高反差保留(一两个像素就可以了,把灰调屏蔽用图层混合>柔光)
  30. 貌似通用!
    正片负冲效果(胶片的感觉):在通道针对单通道调色阶(在调单通道时要想看到其他效果可以把其他两个通道点开)。然后图像>应用图像,(蓝色)勾选反相、正片叠底、不透明度50%;(绿色)勾选反相、正片叠底、不透明度20%、(红色)不要反相、颜色加深、不透明度100%。然后再点蓝色通道,色阶(调输入色阶三个值):25,0.75,150;绿色通道,色阶:40,1.2,220;红色通道,色阶:50,1.3,255。点复合通道,图像>调整>亮度/对比度(亮度-5,对比度+20),饱和度+16。

这里有一篇比我详细的笔记(同一教程):http://blog.csdn.net/sqc157400661/article/details/68484801?locationNum=3&fps=1