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

<转>

咱们现解释一下,头像是啥子,随着网络用户族群快速增加,他们对于藉由平台与其他用户互动的需求就越高,也因此发展出许多可互动的平台类型,例如论坛、邮箱、聊天室、博客到社群等。其中每个用户都代表着一个独特个体(无论是真实身份或虚拟角色),这些个体会有相对应的信息,以及代表个体的个人头像。而个人头像通常是具个性化(用户觉得能代表自我)的标志,大多以平面或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,有空多去支持支持哈。 这位老兄今天下午回学校了,和其他小伙伴一样,可能是最后一次见面,我依稀记得,我唯一一次在十三楼吃过比较对胃口的下午茶是他叫我去拿的那次

初次实习

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

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

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

初学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