404 Not Found
404 Not Found
The requested URL was not found on this server.
您要找的内容已被删除404 Not Found
404 Not Found
The requested URL was not found on this server.
您要找的内容已被删除&p&&/p&&h2&&b&Contents (Scan the blog in 30s)&/b&&/h2&&blockquote&&b&[Reading]&/b&&br&&b& 1.Muzli年度设计总结（studio，设计师，etc）&/b&&br&&b&2.Medium deactivated的三个功能&/b&&br&&b&3. 语音交互设计建议&/b&&br&&b&4 & 5. [graduate school]设计院校们 & 新媒体艺术专业&/b&&br&&b&6. [知乎专栏]关于3d图形学，计算机流体学等干货&/b&&br&&br&&b&[Project Slam]&/b&&br&&b&1.[three.js] interactive online music video storytelling&/b&&br&&b&2.[computer art] online music visualization & author's documentations&/b&&br&&b&3. [Tangible interaction] music interactive projects&/b&&br&&br&&b&[Creative Agency Slam] & their sample works&/b&&br&&b&1. Jam3&/b&&br&&b&2. Resn (Google online characteristic game! (my capstone))&/b&&br&&br&&b&[一点道理]Be kind&/b&&/blockquote&&h2&&b&Reading&/b&&/h2&&p&1.&b&&a href=&https://link.zhihu.com/?target=https%3A//medium.muz.li/muzli-choices-in-design-for-5f7af14& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Muzli choices in design for 2017&/a&&/b&&/p&&p&这篇特别值得一读，有studio分享，designer分享，干货大集合。&/p&&p&2.&b&&a href=&https://link.zhihu.com/?target=https%3A//uxplanet.org/3-%253C/b%253Efeatures-i-miss-about-pre-2015-medium-ddf7b68970a6& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&3 UX Features Medium Deactivated And The Design Reasons Behind Their Deactivation&/a&&/b&&/p&&ul&&li&Centre alignment&/li&&li&Words over full-screen pictures&/li&&li&The last one : You could recommend any story on the PC, even over images.&/li&&/ul&&p&3.&b&&a href=&https://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/WytZN8M4MBpWOdzo-oo-iQ& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&以语音交互为核心功能的智能产品设计建议&/a&&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c21ac8fa53fb1e7f1d264bddd4134333_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&750& data-rawheight=&536& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/v2-c21ac8fa53fb1e7f1d264bddd4134333_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-fd1ac499b7b8da80a4d680f2c0a906d2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&750& data-rawheight=&417& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic2.zhimg.com/v2-fd1ac499b7b8da80a4d680f2c0a906d2_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-d26c06f6b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&750& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic4.zhimg.com/v2-d26c06f6b_r.jpg&&&/figure&&p&4.&b&&a href=&https://link.zhihu.com/?target=http%3A//www.businessinsider.com/the-worlds-25-best-design-schools-carnegie-mellon-university-school-of-design-22& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The World 25 Best Design Schools*&/a&&/b&&/p&&p&我申研的小伙伴分享给我的，是一个教授和他讲的。虽然年份有点久但也很有参考价值呀。前几天和申研究生的小伙伴们聊天，感觉大家都好努力，且在积极准备作品集什么的，好棒呀。也了解到了portfolio review, reactjs&webGL, 成绩的信息（虽然就一点点），祝福他们！&/p&&p&5.&b&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&PART Guide | 火爆全球的TeamLab只是新媒体的冰山一角？解析新媒体艺术专业&/a&&/b&&/p&&blockquote&&b&以SVA-Computer Arts本科专业课程为例：&/b&&br&Modern and Contemporary Art&br&Drawing&br&Narrative Workshop&br&Bits, Bytes, Megabytes: Foundations of Computer-Generated Imaging&br&Introduction to Imaging Tools and Techniques&br&Introduction to Computer Animation&br&Introduction to Digital Video Tools and Techniques&br&Python Scripting for Maya Artists&br&Computer Animation: 3D Modeling and Animation&br&VFX and Motion Graphics&br&History of Film&br&History of Animation&br&Production Resources&br&Sound and Vision: Producing a Sound Track&br&Computer Animation&br&Visual Effects and Broadcast Design&br&Production Skills&br&The Business of Being an Artist&br&&br&&b&新媒体艺术专业全球名校&/b&&br&帕森斯设计学院（Parsons）- &b&Design and Technology&/b&；&br&纽约视觉艺术学院（SVA）- &b&Computer Arts&/b&；&br&USC Roski艺术学院 - &b&Digital Art&/b&；&br&纽约大学（NYU）- &b&Emerging Media&/b&；&br&加州大学洛杉矶分（UCLA）-&b&Design & Media Arts&/b&；&br&伦敦艺术大学（UAL）-&b&Design Media Art&/b&；&br&伦敦大学金史密斯学院（Goldsmiths）- &b&Digital Arts&/b&&/blockquote&&p&6.&b&[知乎专栏]&a href=&https://zhuanlan.zhihu.com/graphicon& class=&internal&&GraphiCon图形控&/a&&/b& - 3D, 图形学，Unreal Engine, 计算集流体物理学&/p&&p&&br&&/p&&p&&br&&/p&&p&&br&&/p&&hr&&h2&&b&Project slam&/b&&/h2&&p&1.&b&&a href=&https://link.zhihu.com/?target=https%3A//throughthedark.withgoogle.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&three.js & react.js | Interactive Immersive Music Storytelling&/a&&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ffe6c1e13b_b.jpg& data-size=&normal& data-rawwidth=&743& data-rawheight=&429& class=&origin_image zh-lightbox-thumb& width=&743& data-original=&https://pic1.zhimg.com/v2-ffe6c1e13b_r.jpg&&&figcaption&https://throughthedark.withgoogle.com/&/figcaption&&/figure&&p&强烈大家看一下这个online interactive music video. 去感受用户的交互，屏幕上的变化所传达的故事。上下滑动画面会移动并讲述父亲与儿子的故事。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-29e2add31dfb_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1770& data-rawheight=&1262& class=&origin_image zh-lightbox-thumb& width=&1770& data-original=&https://pic1.zhimg.com/v2-29e2add31dfb_r.jpg&&&/figure&&p&&br&&/p&&p&2. &b&[Computer Art] online music visualization - JavaScript, three.js, p5.js, references and more&/b&&/p&&p&&a href=&https://link.zhihu.com/?target=https%3A//medium.com/%40duraraxbaccano/computer-art-visualize-your-music-in-javascript-with-your-browser-part-1-& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Computer Art - Visualize your music in JavaScript with your browser - part 1&/a&&/p&&p&&a href=&https://link.zhihu.com/?target=https%3A//medium.com/%40duraraxbaccano/computer-art-visualize-your-music-in-javascript-with-your-browser-part-2-fa1a3b73fdc6& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Computer Art — Visualize your music in JavaScript with your browser — part 2&/a&&/p&&blockquote&&i&If you have interested in the virtual 3D world like VR or AR, you can study deeply in the &a href=&https://link.zhihu.com/?target=http%3A//threejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&three.js&/a& [12] library and these &a href=&https://link.zhihu.com/?target=https%3A//www.cs.utexas.edu/users/fussell/courses/cs384g/books.shtml& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&references and textbooks&/a& [11] assist you get involved in computer graphics quickly.&/i&&/blockquote&&figure&&img src=&https://pic1.zhimg.com/v2-c06ba0eae122c06_b.jpg& data-size=&normal& data-rawwidth=&600& data-rawheight=&400& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic1.zhimg.com/v2-c06ba0eae122c06_r.jpg&&&figcaption&http://jsantell.github.io/dancer.js/&/figcaption&&/figure&&p&&b&3.tangible music interaction projects&/b&&/p&&a href=&https://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s/fKlDRxlbE4lL5iH918bmFQ& data-draft-node=&block& data-draft-type=&link-card& data-image=&https://pic1.zhimg.com/v2-ecfad55ee0fb41bd0x120.jpg& data-image-width=&1280& data-image-height=&720& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&让不可能成为可能，用光谱曲的人&/a&&figure&&img src=&https://pic1.zhimg.com/v2-ec4cb669c2b8eb2fa1c5_b.jpg& data-size=&normal& data-rawwidth=&500& data-rawheight=&280& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/v2-ec4cb669c2b8eb2fa1c5_r.jpg&&&figcaption&CONTACT | Creator : Felix Faire - http://www.felixfaire.com/&/figcaption&&/figure&&p&CONTACT是一个有形的音频交互界面，当参与者在简单的木质表面敲打、点击时，所产生的声音被分析并转为可视化的图形。本件作品所有代码都是开源的,在github上可用（GitHub 是一个面向开源及私有软件项目的托管平台）。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-25bd543527fcee2e2a6a5cf735cd4ade_b.jpg& data-size=&normal& data-rawwidth=&500& data-rawheight=&281& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/v2-25bd543527fcee2e2a6a5cf735cd4ade_r.jpg&&&figcaption&“无弦琴”by新媒体艺术工作室千核科技（GeeksArt）&/figcaption&&/figure&&hr&&h2&&b&Creative Agency Slam | Jam3 & Resn&/b&&/h2&&p&&b&给大家介绍两个creative interaction studio。首先要说的是他们的网站就很棒啊啊啊啊啊！！！感觉自己的下个目标就是WebGL& React. &/b&&/p&&p&&b&而且jam3有很棒的实习生项目。分为designer和developer。&/b&&/p&&p&&b&1. Jam3 | A Design & Experience Studio&/b&&/p&&a href=&https://link.zhihu.com/?target=http%3A//www.jam3.com/& data-draft-node=&block& data-draft-type=&link-card& data-image=&https://pic2.zhimg.com/v2-bbbe47bc8849e9ceda261fd_180x120.jpg& data-image-width=&1200& data-image-height=&627& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Jam3 | A Design & Experience Studio&/a&&blockquote&“Jam3 is one of the world’s top digital production & design agencies.”&/blockquote&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7dd281e1bdba5f725f729aa0c7bc7c6c_b.jpg& data-size=&small& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic4.zhimg.com/v2-7dd281e1bdba5f725f729aa0c7bc7c6c_r.jpg&&&figcaption&https://dribbble.com/shots/3920987-The-Square-War&/figcaption&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-e7e4bde1fa79_b.jpg& data-size=&normal& data-rawwidth=&3292& data-rawheight=&1722& class=&origin_image zh-lightbox-thumb& width=&3292& data-original=&https://pic4.zhimg.com/v2-e7e4bde1fa79_r.jpg&&&figcaption&https://dribbble.com/jam3&/figcaption&&/figure&&p&---------------------------------------------------------------------------------------&/p&&p&&b&2.RESN | Infecting your screen for your enjoyment&/b&&/p&&a href=&https://link.zhihu.com/?target=http%3A//resn.co.nz/& data-draft-node=&block& data-draft-type=&link-card& data-image=&https://pic4.zhimg.com/v2-1fc8d00d674cfbdd3a62f_180x120.jpg& data-image-width=&1200& data-image-height=&630& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Resn&/a&&p&主页有小游戏哦。真的让人感叹creative web design可以做到有多好。&/p&&blockquote&“Resn is a creative digital agency. We infect minds with gooey interactive experiences and saturate the internet with digital miracles.”&/blockquote&&p&Projects/Works:&/p&&p&1.The &a href=&https://link.zhihu.com/?target=http%3A//resn.co.nz/%23%21/work/the-self-destructing-book/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Self-destruction Book - Digital Interactive Reading Experience&/a&&/p&&p&2.&a href=&https://link.zhihu.com/?target=https%3A//chekhov.withgoogle.com/alive& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&chekhov.withgoogle.com/&/span&&span class=&invisible&&alive&/span&&span class=&ellipsis&&&/span&&/a&a&/p&&blockquote&&b&About identity/character & UX/UI & Web!!! 跟我的thesis相关。&/b&&/blockquote&&figure&&img src=&https://pic2.zhimg.com/v2-a5dbbc6f3e_b.jpg& data-size=&normal& data-rawwidth=&3356& data-rawheight=&1950& class=&origin_image zh-lightbox-thumb& width=&3356& data-original=&https://pic2.zhimg.com/v2-a5dbbc6f3e_r.jpg&&&figcaption&My Character - Sweet Sinner&/figcaption&&/figure&&p&&br&&/p&&p&3.&a href=&https://link.zhihu.com/?target=http%3A//resn.co.nz/%23%21/work/zero-landfill& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&zero-landfill&/a&&/p&&blockquote&&Zero Landfill showcases over ten years of Subaru's environmental initiatives and its work with American National Parks.&&/blockquote&&figure&&img src=&https://pic2.zhimg.com/v2-c7e281c988f0e13add574fd3f635fc48_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3360& data-rawheight=&1922& class=&origin_image zh-lightbox-thumb& width=&3360& data-original=&https://pic2.zhimg.com/v2-c7e281c988f0e13add574fd3f635fc48_r.jpg&&&/figure&&p&&br&&/p&&hr&&h2&&b&Something I learned - Be Kind&/b&&/h2&&ol&&li&&a href=&https://link.zhihu.com/?target=https%3A//medium.com/the-mission/how-the-power-of-kindness-impacts-your-life-and-others-f8f5a895400& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&How The Power Of Kindness Impacts Your Life And Others&/a&&/li&&li&最近在读自控力的作者的新书&a href=&https://link.zhihu.com/?target=https%3A//book.douban.com/subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&自控力：和压力做朋友&/a&，也讲到了善良的人更相信他人，也更容易有所幸福和满足。积极的能量很重要，会push你前进呢。&/li&&/ol&
Contents (Scan the blog in 30s)[Reading]
1.Muzli年度设计总结（studio，设计师，etc） 2.Medium deactivated的三个功能 3. 语音交互设计建议 4 & 5. [graduate school]设计院校们 & 新媒体艺术专业 6. [知乎专栏]关于3d图形学，计算机流体学等干货 [Pro…
&h2&这是我去年整理的一批设计网站，基本不管平面设计还是UI设计基本都能用得着，点击文字可以跳转，我都加了链接了，以下：&/h2&&h2&&b&第1类：素材类&/b&&/h2&&p&&a href=&//link.zhihu.com/?target=http%3A//www.58pic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&千图网&/a& &a href=&//link.zhihu.com/?target=http%3A//www.nipic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&昵图网&/a& &a href=&//link.zhihu.com/?target=http%3A//www.sucaitianxia.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&素材天下&/a& &a href=&//link.zhihu.com/?target=http%3A//www.lanrentuku.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&懒人图库&/a& &a href=&//link.zhihu.com/?target=http%3A//www.sccnn.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&素材中国&/a& &a href=&//link.zhihu.com/?target=http%3A//sc.chinaz.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站长素材&/a& &a href=&//link.zhihu.com/?target=http%3A//www.redocn.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&红动中国&/a& &a href=&//link.zhihu.com/?target=http%3A//www.shijue.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&视觉中国&/a& &a href=&//link.zhihu.com/?target=http%3A//cn.365psd.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&365PSD&/a& &/p&&p&&br&&/p&&h2&&b&第2类：高清图库&/b&&/h2&&p&&b&&a href=&//link.zhihu.com/?target=https%3A//unsplash.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Unsplash &/a&&/b& &b&&a href=&//link.zhihu.com/?target=http%3A//cn.forwallpaper.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Wallpaper&/a&&/b& &b&&a href=&//link.zhihu.com/?target=https%3A//alpha.wallhaven.cc/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&wallhaven&/a&&/b& &b&&a href=&//link.zhihu.com/?target=http%3A//eput.com/popular& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Eput&/a&&/b& &b&&a href=&//link.zhihu.com/?target=http%3A//www.123rf.com.cn/%23sdc01& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&123RF&/a&&/b& &b&&a href=&//link.zhihu.com/?target=http%3A//www.bing.com/gallery/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&BIng图库&/a&&/b& &b&&a href=&//link.zhihu.com/?target=https%3A//www.pexels.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pexels&/a&&/b& &b&&a href=&//link.zhihu.com/?target=https%3A//pixabay.com/zh/photos/%3Forder%3Dlatest& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pixabay&/a&&/b& &b&&a href=&//link.zhihu.com/?target=http%3A//www.yestone.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Yestone&/a&&/b& &b&&a href=&//link.zhihu.com/?target=https%3A//500px.com/popular& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&500PX&/a&&/b& &/p&&p&&br&&/p&&h2&&b&第3类：设计公司&/b&&/h2&&p&&a href=&//link.zhihu.com/?target=http%3A//eicodesign.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&eico&/a& &a href=&//link.zhihu.com/?target=http%3A//dinehq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dine&/a& &a href=&//link.zhihu.com/?target=http%3A//www.tang-consulting.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&唐硕&/a& &a href=&//link.zhihu.com/?target=http%3A//www.ogilvy.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&奥美&/a& &a href=&//link.zhihu.com/?target=http%3A//www.iceart.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&冰艺&/a& &a href=&//link.zhihu.com/?target=http%3A//www.zhengbang.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&正邦设计&/a& &a href=&//link.zhihu.com/?target=http%3A//www.nhdh.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&你好大海品牌设计&/a& &a href=&//link.zhihu.com/?target=http%3A//www.frankdigital.com.au/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Frankdigital&/a& &a href=&//link.zhihu.com/?target=http%3A//www.frogdesign.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Frag中国&/a& &a href=&//link.zhihu.com/?target=http%3A//www.ogilvy.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&奥美&/a& &a href=&//link.zhihu.com/?target=http%3A//ala.ch/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ala&/a& &a href=&//link.zhihu.com/?target=http%3A//45royale.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&45R&/a& &a href=&//link.zhihu.com/?target=http%3A//tg-vision.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&双晖传媒&/a& &a href=&//link.zhihu.com/?target=http%3A//www.niceui.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Nice Design&/a& &a href=&//link.zhihu.com/?target=http%3A//www.we-app.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&We-APP&/a& &/p&&p&&br&&/p&&h2&&b&第4类：插画漫画&/b&&/h2&&p&&a href=&//link.zhihu.com/?target=http%3A//www.pixiv.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&P站&/a& &a href=&//link.zhihu.com/?target=https%3A//www.behance.net/galleries/1/Illustration& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&插画驿站Behance旗下插画网&/a& &a href=&//link.zhihu.com/?target=http%3A//coolvibe.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&COOLVIBE&/a& &a href=&//link.zhihu.com/?target=http%3A//www.dmzj.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&动漫之家&/a& &a href=&//link.zhihu.com/?target=http%3A//drawr.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Drawr&/a& &a href=&//link.zhihu.com/?target=http%3A//chuangyiren.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&创意人插画&/a& &a href=&//link.zhihu.com/?target=http%3A//www.poocg.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&涂鸦王国&/a& &a href=&//link.zhihu.com/?target=http%3A//www.13cg.com//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&插画家园&/a& &a href=&//link.zhihu.com/?target=http%3A//www.poocg.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&涂鸦王国&/a& &/p&&p&&br&&/p&&h2&&b&第5类：配色工具&/b&&/h2&&p&&a href=&//link.zhihu.com/?target=https%3A//coolors.co/browser/latest/1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Coolors&/a& &a href=&//link.zhihu.com/?target=http%3A//uigradients.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&漂亮的渐变颜色&/a& &a href=&//link.zhihu.com/?target=http%3A//www.csswinner.com/colorsearch/blue& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CssWinner网页色彩分类&/a& &a href=&//link.zhihu.com/?target=http%3A//colorhunt.co/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&色彩猎人&/a& &a href=&//link.zhihu.com/?target=http%3A//color.uisdc.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中国色彩大辞典&/a& &a href=&//link.zhihu.com/?target=http%3A//www.birthdaycolors.jp/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&日本颜色大辞典&/a& &a href=&//link.zhihu.com/?target=https%3A//www.materialui.co/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MaterialUI&/a& &a href=&//link.zhihu.com/?target=http%3A//www.peise.net/tools/web/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Color Scheme Designer&/a& &a href=&//link.zhihu.com/?target=http%3A//www.colorhunter.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Colorhunter&/a& &a href=&//link.zhihu.com/?target=http%3A//www.bootcss.com/p/websafecolors/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web安全色&/a& &/p&&p&&br&&/p&&h2&&b&第6类：界面设计&/b&&/h2&&p&&a href=&//link.zhihu.com/?target=http%3A//huaban.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&花瓣网&/a& &a href=&//link.zhihu.com/?target=https%3A//www.behance.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&/a& &a href=&//link.zhihu.com/?target=https%3A//dribbble.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble&/a& &a href=&//link.zhihu.com/?target=http%3A//www.zcool.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站酷网&/a& &a href=&//link.zhihu.com/?target=http%3A//www.uehtml.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UE设计联盟&/a& &a href=&//link.zhihu.com/?target=http%3A//www.woofeng.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&黄蜂网&/a& &a href=&//link.zhihu.com/?target=http%3A//www.uisheji.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI设计&/a& &a href=&//link.zhihu.com/?target=http%3A//www.doooor.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Doooor&/a& &a href=&//link.zhihu.com/?target=http%3A//ui63.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI63&/a& &a href=&//link.zhihu.com/?target=http%3A//www.68design.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&68Design&/a& &a href=&//link.zhihu.com/?target=http%3A//www.pixeden.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pixeden&/a& &a href=&//link.zhihu.com/?target=http%3A//www.ui.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI中国&/a& &a href=&//link.zhihu.com/?target=http%3A//www.iiiimg.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&全球酷站中心&/a& &a href=&//link.zhihu.com/?target=http%3A//www.uiparade.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&uiparade&/a& &a href=&//link.zhihu.com/?target=https%3A//www.pinterest.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pinterest&/a& &a href=&//link.zhihu.com/?target=https%3A//material.uplabs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Material&/a& &/p&&p&&br&&/p&&h2&&b&第7类：工具神器&/b&&/h2&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ih5.cn/not-logged-in& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&交互设计神器iH5&/a& &a href=&//link.zhihu.com/?target=http%3A//weibo.com//CqTYv5xOO& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&gif录屏软件&/a& &a href=&//link.zhihu.com/?target=http%3A//weibo.com//yjK1C9DpH%3Ftype%3Dcomment%23_rnd7& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&全能取色神器Pixeur&/a&
墨刀 &a href=&//link.zhihu.com/?target=http%3A//www.cutterman.cn/zh& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CutterMan&/a& &a href=&//link.zhihu.com/?target=http%3A//www.fancynode.com.cn/pxcook/home& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PxCook&/a& &a href=&//link.zhihu.com/?target=http%3A//www.biaonimeia.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&biaonimeia&/a& &a href=&//link.zhihu.com/?target=http%3A//www.getmarkman.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MarkMan&/a& &/p&&p&&br&&/p&&h2&&b&第8类：设计教程&/b&&/h2&&p&&a href=&//link.zhihu.com/?target=http%3A//www.51zxw.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&51自学网&/a& &a href=&//link.zhihu.com/?target=http%3A//www.doyoudo.com//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Do You Do&/a& &a href=&//link.zhihu.com/?target=http%3A//www.uisdc.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&优设网&/a& &a href=&//link.zhihu.com/?target=http%3A//design.tutsplus.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PSDtuts+&/a& &a href=&//link.zhihu.com/?target=http%3A//create.adobe.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&adobe设计周报&/a& &a href=&//link.zhihu.com/?target=http%3A//photoshopvip.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Photoshop VIP&/a& &a href=&//link.zhihu.com/?target=https%3A//www.smashingmagazine.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Smashing Magazine&/a& &a href=&//link.zhihu.com/?target=http%3A//www.bilibili.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&哔哩哔哩动画&/a& &a href=&//link.zhihu.com/?target=https%3A//ke.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯课堂&/a& &a href=&//link.zhihu.com/?target=http%3A//study.163.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网易云课堂&/a& &a href=&//link.zhihu.com/?target=http%3A//isux.tencent.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯ISUX&/a& &/p&&p&&br&&/p&&h2&&b&第9类：图标下载&/b&&/h2&&p&&a href=&//link.zhihu.com/?target=http%3A//www.iconfont.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里巴巴矢量图库&/a& &a href=&//link.zhihu.com/?target=http%3A//www.easyicon.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&easyicon&/a& &a href=&//link.zhihu.com/?target=http%3A//www.iconpng.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iconpng&/a& &a href=&//link.zhihu.com/?target=http%3A//ico.58pic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&图标宝&/a& &a href=&//link.zhihu.com/?target=http%3A//www.bitbug.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&比特虫&/a& &a href=&//link.zhihu.com/?target=http%3A//ico.58pic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&图标宝&/a& &a href=&//link.zhihu.com/?target=http%3A//www.bitbug.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&比特虫&/a& &/p&&p&&br&&/p&&h2&&b&第10类：字体资源&/b&&/h2&&p&&a href=&//link.zhihu.com/?target=http%3A//www.qiuziti.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&求字体&/a& &a href=&//link.zhihu.com/?target=http%3A//ziti.admin5.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&A5字体&/a& &a href=&//link.zhihu.com/?target=https%3A//www.fontfont.com/fonts& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Fontfont&/a& &a href=&//link.zhihu.com/?target=http%3A//www.fontfabric.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Font fabric&/a& &a href=&//link.zhihu.com/?target=http%3A//comicneue.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&comicneue&/a& &a href=&//link.zhihu.com/?target=http%3A//www.yegenyou.com/font.htm%3Fu%3D159& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&叶根友字体&/a& &a href=&//link.zhihu.com/?target=https%3A//www.fontsquirrel.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&字体松鼠&/a& &a href=&//link.zhihu.com/?target=http%3A//www.ziticq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&字体传奇&/a& &a href=&//link.zhihu.com/?target=http%3A//www.zhenhaotv.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&毛笔字生成&/a& &/p&&p&&br&&/p&&p&可能这样不太好收藏，其实我是把它写成一个html文件的，如下图，这样你可以放在自己电脑一个角落里，顺便在浏览器收藏下，就可以每次调用这个本地文件了，是不是很方便？如果你会html还可以用DW等工具打开编辑，把你不用的删掉，经常用的加上去，有没有很方便？&/p&&figure&&img src=&https://pic2.zhimg.com/v2-fc3beca9d82a29a2c6fa65_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1869& data-rawheight=&927& class=&origin_image zh-lightbox-thumb& width=&1869& data-original=&https://pic2.zhimg.com/v2-fc3beca9d82a29a2c6fa65_r.jpg&&&/figure&&p&还有，经常有朋友问我有没有好看的公司网站啊，当然有啊，那么多我有时候也不知道你需要什么类型的，但经过示例我都能找出一些，我平时喜欢收藏，不管什么网站都有收藏很多，最近在整理一份网站参考的文档，但懒癌犯了还没整理完，后期整理好也会共享出来。&/p&&p&说下上面那个html文件怎么获取，可以关注下我公众号“&b&设计实验室（Design-lab）&/b&”回复关键词“&b&设计网站&/b&”获得的，当然不止这些，如果你需要其他资料也是有的，目前我设置了这些关键词：&/p&&p&&br&&/p&&p&回复关键词“&b&UI&/b&”可以得到的是一套290G的UI资料（很乱也很大，我没怎么整理，如果你需要可以拿去筛选看看）；&/p&&p&回复关键词“&b&2018&/b&”可以得到的是Adobe各种最新CC 2018的安装包，包括win和mac版本；&/p&&p&回复关键词“&b&壁纸&/b&”是一套150张精选高清壁纸，既可以做素材也可以直接拿来做壁纸；&/p&&p&回复关键词“&b&书籍&/b&”是47本设计相关书籍；&/p&&p&回复关键词“&b&字体&/b&”是一套包含两千多个字体安装包的字体库；&/p&&p&回复关键词“&b&PPT&/b&”是一套包含150个高质量PPT模板；&/p&&p&回复关键词“&b&样机&/b&”是最新版的iphone8&iphoneX样机；&/p&&p&回复关键词“&b&iOS&/b&”是最新版最新版iOS11 KIT； &/p&&p&回复关键词“&b&版式设计&/b&”是南征老师版式设计精讲课；&/p&&p&回复关键词“&b&双11&/b&”是超过一百款双十一海报模板；&/p&&p&&br&&/p&&p&当然还远不止这些，很多我还没顾得上整理，以后会陆续更新。&/p&
这是我去年整理的一批设计网站，基本不管平面设计还是UI设计基本都能用得着，点击文字可以跳转，我都加了链接了，以下：第1类：素材类
第2类：高清图库
&p&给客户报价！！！！！（看下面多图）&/p&&p&4年设计报价血泪史，建议收藏！建议收藏！建议收藏！&/p&&p&因为只要做设计师的，相信没有一个会不报价就给客户做设计的吧。我们都是一群为报价而生的设计师，我们的目的就是为了做好设计然后给客户报价。所以加班、熬夜、改稿、改了又改等等辛酸老衲也是过来人——那都不算啥。&/p&&p&
无论是私单还是公司对公司接单都会遇到各类奇葩客户报价，有的客户百般刁难；有的客户冷血无情；有的客户热情似火；有的客户尖酸刻薄 … … 。虽然客户的形态各异，但说到接单的本质就是如何服务客户的问题，而服务客户本质就是与人打交道。所以，通过这些年创业我也遇到了各种各样的客户，也对各类客户做了个小结：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-42f474f24f4edf20eefa3c210d127c80_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&696& data-rawheight=&1020& class=&origin_image zh-lightbox-thumb& width=&696& data-original=&https://pic1.zhimg.com/v2-42f474f24f4edf20eefa3c210d127c80_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-7b2e43fed4c491ef2c75de7c77e9634e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&696& data-rawheight=&1070& class=&origin_image zh-lightbox-thumb& width=&696& data-original=&https://pic3.zhimg.com/v2-7b2e43fed4c491ef2c75de7c77e9634e_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-71fa15af8adbaa34f8818dfd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&686& data-rawheight=&1616& class=&origin_image zh-lightbox-thumb& width=&686& data-original=&https://pic2.zhimg.com/v2-71fa15af8adbaa34f8818dfd_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-d852caf1f63_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&686& data-rawheight=&1077& class=&origin_image zh-lightbox-thumb& width=&686& data-original=&https://pic4.zhimg.com/v2-d852caf1f63_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-6b16488b1ffcf07a5b77affe82db5963_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&686& data-rawheight=&931& class=&origin_image zh-lightbox-thumb& width=&686& data-original=&https://pic4.zhimg.com/v2-6b16488b1ffcf07a5b77affe82db5963_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-e8a7fde2a9d5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&662& data-rawheight=&875& class=&origin_image zh-lightbox-thumb& width=&662& data-original=&https://pic2.zhimg.com/v2-e8a7fde2a9d5_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-0d4f593e8b58cb87ec316a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&662& data-rawheight=&1158& class=&origin_image zh-lightbox-thumb& width=&662& data-original=&https://pic3.zhimg.com/v2-0d4f593e8b58cb87ec316a_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-c62f03fbe2f9cf514581_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&662& data-rawheight=&1055& class=&origin_image zh-lightbox-thumb& width=&662& data-original=&https://pic2.zhimg.com/v2-c62f03fbe2f9cf514581_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-39e3eb334e2bb81d8a33bc862047feb1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&664& data-rawheight=&876& class=&origin_image zh-lightbox-thumb& width=&664& data-original=&https://pic2.zhimg.com/v2-39e3eb334e2bb81d8a33bc862047feb1_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-62f91ec1db98df62ec901_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&664& data-rawheight=&880& class=&origin_image zh-lightbox-thumb& width=&664& data-original=&https://pic2.zhimg.com/v2-62f91ec1db98df62ec901_r.jpg&&&/figure&&p&相信只要做过设计，接过私单的同学或多或少有以上感受吧，共勉……&/p&&h2&&b&以下是设计师最悲哀的评论留言……看来深有感触的不在少数&/b&&/h2&&hr&&figure&&img src=&https://pic1.zhimg.com/v2-5cca6c58a72e9b5f5ab652dafb70b790_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&680& data-rawheight=&186& class=&origin_image zh-lightbox-thumb& width=&680& data-original=&https://pic1.zhimg.com/v2-5cca6c58a72e9b5f5ab652dafb70b790_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-e6acd246a1a7f3d34b34bd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&678& data-rawheight=&134& class=&origin_image zh-lightbox-thumb& width=&678& data-original=&https://pic2.zhimg.com/v2-e6acd246a1a7f3d34b34bd_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-59e661faa1df8c9eb504c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&673& data-rawheight=&181& class=&origin_image zh-lightbox-thumb& width=&673& data-original=&https://pic3.zhimg.com/v2-59e661faa1df8c9eb504c_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-cbdff02572_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&684& data-rawheight=&106& class=&origin_image zh-lightbox-thumb& width=&684& data-original=&https://pic3.zhimg.com/v2-cbdff02572_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-54c138fea5c87dd5952ca_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&676& data-rawheight=&111& class=&origin_image zh-lightbox-thumb& width=&676& data-original=&https://pic3.zhimg.com/v2-54c138fea5c87dd5952ca_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-8ee9966cb63_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&633& data-rawheight=&148& class=&origin_image zh-lightbox-thumb& width=&633& data-original=&https://pic4.zhimg.com/v2-8ee9966cb63_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-9d1ac36fa06a1621aad7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&642& data-rawheight=&149& class=&origin_image zh-lightbox-thumb& width=&642& data-original=&https://pic4.zhimg.com/v2-9d1ac36fa06a1621aad7_r.jpg&&&/figure&
给客户报价！！！！！（看下面多图）4年设计报价血泪史，建议收藏！建议收藏！建议收藏！因为只要做设计师的，相信没有一个会不报价就给客户做设计的吧。我们都是一群为报价而生的设计师，我们的目的就是为了做好设计然后给客户报价。所以加班、熬夜、改稿…
&figure&&img src=&https://pic2.zhimg.com/v2-b27dae5d6c47d49e18c5e49_b.jpg& data-rawwidth=&700& data-rawheight=&233& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&https://pic2.zhimg.com/v2-b27dae5d6c47d49e18c5e49_r.jpg&&&/figure&&p&作为 Android 用户，我在使用淘宝等「国产毒瘤」应用时必有一种腹部不适的感觉。看着他们肆无忌惮地相互唤醒增加不必要地电量消耗，我的内心其实是拒绝的。&/p&&p&把它们留在手机里实属无奈之举，尽管有些应用提供了网页版支持，与臃肿的客户端相比也足够轻量，但论操作习惯和便利性，Web App 又始终比不上本地应用。&/p&&p&本文介绍的 Hermit 恰好就是一款能让 Web App 变身为本地应用的神器。&/p&&h2&Hermit 的优势何在&/h2&&p&既能给你本地应用一般的方便快捷，又能给你 Web App 的绿色小巧，这就是 Hermit 的优势所在。具体而言，与浏览器创建的快捷方式相比，Hermit 有如下几点特性：&/p&&p&&b&1. 独立于浏览器：&/b&Hermit 中的每个 Web App 都是独立的，有独立的图标有独立的进程，而不是在标签页里。就像本地应用一样，没有丝毫不便。&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6a1a1b725c025ed42d83d55c6987eeab_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&551& data-rawheight=&978& class=&origin_image zh-lightbox-thumb& width=&551& data-original=&https://pic2.zhimg.com/v2-6a1a1b725c025ed42d83d55c6987eeab_r.jpg&&&/figure&&p&&br&&/p&&p&&b&2. 界面更舒适：&/b&有时候，你甚至分不清自己用的到底是客户端还是 Web App。&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-dde7b9d5c25ad890e2f5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1120& data-rawheight=&994& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic2.zhimg.com/v2-dde7b9d5c25ad890e2f5_r.jpg&&&/figure&&p&&br&&/p&&p&&i&左边是 Hermit，右边是本地应用&/i&&/p&&p&&b&3. 高度可定制：&/b&Hermit 专门为 Web App 做了许多自定义选项，你可以完全去除 Action Bar 和状态栏变成一个全屏应用，还可以屏蔽广告，禁止追踪。&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-0f4bbc202be1e467efdce8e1b08d6e3f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1080& data-rawheight=&1920& class=&origin_image zh-lightbox-thumb& width=&1080& data-original=&https://pic3.zhimg.com/v2-0f4bbc202be1e467efdce8e1b08d6e3f_r.jpg&&&/figure&&p&&br&&/p&&p&以上优势和特性在具体应用中是如何体现的呢，接下来我就以淘宝为例，详细示范如何用 Hermit 制作一款「绿色」App 以及一些注意事项。&/p&&h2&创造非「毒瘤版」淘宝&/h2&&p&首先打开 Hermit，点击右下角加号，在地址栏中输入 &code&http://taobao.com&/code&（注意不可以忽略 http:// 前缀）。然后点击右下角加号按钮，淘宝就已经在你的手机桌面上了。&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ecd223c1ead74_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1080& data-rawheight=&1920& class=&origin_image zh-lightbox-thumb& width=&1080& data-original=&https://pic1.zhimg.com/v2-ecd223c1ead74_r.jpg&&&/figure&&p&&br&&/p&&p&接下来开始详细配置。点击右上角齿轮按钮（或从屏幕右侧划出），点击 Customize 进行详细设置，其他的选项则由您的使用习惯进行开关。&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-62ad85f90978fbf360deda3c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1120& data-rawheight=&925& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic2.zhimg.com/v2-62ad85f90978fbf360deda3c_r.jpg&&&/figure&&p&&br&&/p&&p&另外，当你以为一切都差不多的时候，会发现淘宝触屏版的底部导航栏并不是一直存在（比如进入「我的淘宝」之后会非常难回到首页），我们可以通过在右侧菜单中点击 Bookmark，将当前页面加入到快速导航中了（从屏幕左侧划出）。&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-04e80c00ac76a5b639e137e7c4dff391_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1080& data-rawheight=&1919& class=&origin_image zh-lightbox-thumb& width=&1080& data-original=&https://pic1.zhimg.com/v2-04e80c00ac76a5b639e137e7c4dff391_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-76e7ef17ce_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1080& data-rawheight=&1920& class=&origin_image zh-lightbox-thumb& width=&1080& data-original=&https://pic1.zhimg.com/v2-76e7ef17ce_r.jpg&&&/figure&&p&&br&&/p&&p&最后向诸位展示几个实验成果（并不都是毒瘤应用）。&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ae8afcfe9af_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1120& data-rawheight=&994& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic1.zhimg.com/v2-ae8afcfe9af_r.jpg&&&/figure&&p&&br&&/p&&p&你可以在 &a href=&https://link.zhihu.com/?target=https%3A//play.google.com/store/apps/details%3Fid%3Dcom.chimbori.hermitcrab& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Google Play&/a&、&a href=&https://link.zhihu.com/?target=http%3A//www.wandoujia.com/apps/com.chimbori.hermitcrab& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&豌豆荚&/a&免费下载 Hermit。 &/p&&p&&br&&/p&&p&看一下派君的其他回答：&/p&&ul&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&Android 是否有一些冷门但却逆天的 APP 呢？&/a&&/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&Android 上有哪些值得下载的软件？&/a&&/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&有哪些优秀应用只有 Android 版而无 iOS 版？&/a&&/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&Android 有哪些好用的小众软件推荐？&/a&&/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&你的手机上有哪些有意思的 APP ？&/a&&/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&Android 怎么才能不卡?&/a&&/li&&/ul&
作为 Android 用户，我在使用淘宝等「国产毒瘤」应用时必有一种腹部不适的感觉。看着他们肆无忌惮地相互唤醒增加不必要地电量消耗，我的内心其实是拒绝的。把它们留在手机里实属无奈之举，尽管有些应用提供了网页版支持，与臃肿的客户端相比也足够轻量，但…
&figure&&img src=&https://pic4.zhimg.com/v2-742cb89aac9a_b.jpg& data-rawwidth=&1440& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&1440& data-original=&https://pic4.zhimg.com/v2-742cb89aac9a_r.jpg&&&/figure&&p&&/p&&p&没有废话，这篇文章提供了一个简洁的针对摄影从前期到后期的色彩管理工作流程，供大家参考。&/p&&p&色彩管理是一门复杂的学科，如果本文出现谬误，还请各位不吝指出。&/p&&p&&br&&/p&&p&一些默认的前提：&/p&&ol&&li&相机均使用RAW格式拍照&/li&&li&色彩管理和输出的绝大多数场景都不会使用Jpeg&/li&&li&120cd/m2为标准印刷行业屏幕亮度，白点D65&/li&&/ol&&hr&&p&&b&拍摄&/b&&/p&&p&&br&&/p&&p&相机色彩空间：&/p&&p&&br&&/p&&p&常规相机，设置为Adobe RGB&/p&&p&&br&&/p&&p&可能用到的工具： 色卡/灰卡&/p&&p&&br&&/p&&p&色卡可以用来比对并建立标准色彩，使用比较复杂，在拍摄时让色卡入镜，后期在LR中可以建立专用的色彩配置文件。&/p&&p&&br&&/p&&p&灰卡则主要用来查找白平衡，拍摄时灰卡入镜，后期可以用白平衡工具选取灰色以矫正白平衡。&/p&&p&&br&&/p&&hr&&p&&b&后期环境&/b&&/p&&p&&br&&/p&&p&环境光配置： &/p&&p&&br&&/p&&p&4500k背光，显示器亮度120 cd/m2&/p&&p&&br&&/p&&p&工作台背景白色墙壁，以4500k柔光照亮&/p&&p&&br&&/p&&p&前景光位于显示器斜上方，宽面板LED灯提供尽量均匀的照明，显示器底部测光亮度约为520 lx，大致范围在350-550lx都可以接受。可以使用测光表大致测量工作区的亮度，有条件也可以使用光度计，一些校色仪自带光度计。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d3cefaeb536bd036a203a_b.jpg& data-rawwidth=&1500& data-rawheight=&2000& class=&origin_image zh-lightbox-thumb& width=&1500& data-original=&https://pic3.zhimg.com/v2-d3cefaeb536bd036a203a_r.jpg&&&figcaption&实际测光结果&/figcaption&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-f351d70a8d69f102cb313c1_b.jpg& data-rawwidth=&3024& data-rawheight=&4032& class=&origin_image zh-lightbox-thumb& width=&3024& data-original=&https://pic2.zhimg.com/v2-f351d70a8d69f102cb313c1_r.jpg&&&figcaption&整体环境&/figcaption&&/figure&&p&建议背景光使用可变亮度和色温的智能灯泡，而前景光使用这种弯曲面板的LED灯，最好可以调色温，弯曲面板的好处是光线更均匀而且没有炫光和反射，放在屏幕前面不会产生杂光。&/p&&p&&br&&/p&&p&我的工作空间前景光使用的是BENQ的一款LED灯，在很多的产品中选择这款是因为它有一个两边比中间亮度更高的设置，而且色温可调，从而保证了整体光线的绝对均匀。背景是一个4500K的LED灯泡，比较容易得到。&/p&&p&&br&&/p&&p&显示器校色: &/p&&p&&br&&/p&&p&通过校色仪建立屏幕的色彩配置文件即可。&/p&&p&校色过程中一些高级的校色仪会根据环境光调整显示器亮度，如果没有这个功能也可以直接设置到120cd/m2，对于Macbook来说差不多是屏幕3/4的亮度。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-96db9c997e16bebde8e2fd45d55bb027_b.jpg& data-caption=&& data-rawwidth=&700& data-rawheight=&350& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&https://pic4.zhimg.com/v2-96db9c997e16bebde8e2fd45d55bb027_r.jpg&&&/figure&&p&关于校色仪，大家都比较熟悉红蜘蛛什么的，但是那些都很老了。目前Xrite有一个叫Colormunki的仪器可以同时完成屏幕校色、打印机和纸张ICC制作、相机校色。算是性价比很高了。&/p&&p&&br&&/p&&p&&br&&/p&&p&Photoshop工作流：&/p&&p&&br&&/p&&p&相机RAW文件 (Adobe RGB, 16bit) &/p&&p&-& Adobe Camera Raw (设置&b&&u&转换色彩空间&/u&&/b&为Pro Photo RGB，16bit)&/p&&p&-& 作为&b&&u&智能对象&/u&&/b&打开（方便随时对RAW文件进行调整）&/p&&p&-& 编辑完成&/p&&p&-& 存留原始PSD文档&/p&&p&&br&&/p&&p&关于色彩模式：&/p&&p&&br&&/p&&p&尽量使用RGB色彩模式，16位色深的设置进行编辑。不要异想天开的使用CMYK，网上也有很多教程教你使用lab模式，基本是扯淡...&/p&&p&原因不多说了，我就说一条，转换色彩模式是有损画质的。&/p&&p&&br&&/p&&p&证明这个很简单，我将一张图像做了50次转换以放大这种画质损失，让大家看到效果：&/p&&p&&br&&/p&&p&原图：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-55c0d4f694dea93c7b1082f_b.jpg& data-caption=&& data-rawwidth=&1326& data-rawheight=&1360& class=&origin_image zh-lightbox-thumb& width=&1326& data-original=&https://pic4.zhimg.com/v2-55c0d4f694dea93c7b1082f_r.jpg&&&/figure&&p&转换为CMYK再转回RGB（50x）&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7b4ccc05a39adae5f9a7_b.jpg& data-caption=&& data-rawwidth=&1318& data-rawheight=&1514& class=&origin_image zh-lightbox-thumb& width=&1318& data-original=&https://pic4.zhimg.com/v2-7b4ccc05a39adae5f9a7_r.jpg&&&/figure&&p&转换为Lab在转回RGB（50x）&/p&&figure&&img src=&https://pic3.zhimg.com/v2-fc9ca47cbea_b.jpg& data-caption=&& data-rawwidth=&1316& data-rawheight=&1330& class=&origin_image zh-lightbox-thumb& width=&1316& data-original=&https://pic3.zhimg.com/v2-fc9ca47cbea_r.jpg&&&/figure&&p&&br&&/p&&p&所以没事儿别随便转模式玩，得不偿失，更别提很多模块和操作在其他模式下都无法使用...&/p&&p&&br&&/p&&p&&br&&/p&&p&&br&&/p&&p&保存类型：&/p&&p&&br&&/p&&p&根据不同的使用环境输出文件：&/p&&ol&&li&网页：文件-& 导出-& 导出为-& Jpg (默认设置为8bit色深，sRgb1966)（注：可以很好的解决原图和上传的图片色彩不一致的问题）&/li&&li&常规打印机印刷文件：a)图像-& 模式-& 8位；b)编辑-& 转换为配置文件-& sRbg1966，保存为tiff&/li&&li&高精度打印/微喷：编辑-& 转换为配置文件-& 由打印设备色彩空间决定，保存为tiff&/li&&li&Digital C：保持Pro Photo RGB，合并图层，保存为tiff&/li&&/ol&&p&&br&&/p&&hr&&p&&br&&/p&&p&&b&打印/输出&/b&&/p&&p&&br&&/p&&p&色域评估：COLORTHINK模型&/p&&p&下载或自己使用校色仪制作印刷设备、纸张的ICC模型，然后在Colorthink Pro中打开照片检查是否存在色彩溢出。&/p&&p&（注：Colorthink会将图片拆分成单个像素点并根据颜色匹配到色彩空间模型中去，由此可以判读色彩空间是否足够显示所有颜色，因为运算量很大建议使用缩小的图像作为样本）&/p&&p&&br&&/p&&p&以这张图为例：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a36ce42fdb21f70d4b48_b.jpg& data-caption=&& data-rawwidth=&1334& data-rawheight=&2000& class=&origin_image zh-lightbox-thumb& width=&1334& data-original=&https://pic1.zhimg.com/v2-a36ce42fdb21f70d4b48_r.jpg&&&/figure&&p&在colorthink中生成的色彩模型如下：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-24bbc1268fd2bddcf212cd2cfc581982_b.jpg& data-caption=&& data-rawwidth=&1910& data-rawheight=&1686& class=&origin_image zh-lightbox-thumb& width=&1910& data-original=&https://pic3.zhimg.com/v2-24bbc1268fd2bddcf212cd2cfc581982_r.jpg&&&/figure&&p&对应到sRGB色彩空间：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-cd7d63787ada061baf3fd68_b.jpg& data-caption=&& data-rawwidth=&2196& data-rawheight=&1856& class=&origin_image zh-lightbox-thumb& width=&2196& data-original=&https://pic1.zhimg.com/v2-cd7d63787ada061baf3fd68_r.jpg&&&/figure&&p&由于这张图像本身就是sRGB空间，所以理论上不存在溢出。&/p&&p&&br&&/p&&p&输出配置为Epson P600，纸张为Moab entrada rag bright 190，加载纸厂专门针对这个配置的的ICC做比对：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-31fb8f131cab5ed93f0ea0_b.jpg& data-caption=&& data-rawwidth=&2520& data-rawheight=&2118& class=&origin_image zh-lightbox-thumb& width=&2520& data-original=&https://pic1.zhimg.com/v2-31fb8f131cab5ed93f0ea0_r.jpg&&&/figure&&p&这里就看到问题了，图像实际的颜色超出了纸张和墨水所能显示的范围，所以打印的时候就会丢失一些颜色。在本例中，采用的坐标系是Lab，即L轴为亮度，ab为色彩，图中存在大量从底部溢出的色彩将可能在打印过程中变成黑色并丢失细节，用更容易理解的方式来解释，就是图像中非常暗的区域将没有细节。&/p&&p&&br&&/p&&p&这个模型也解释了为什么暗色调的图片更难以控制输出，它表示了纸张所能显示的色彩亮度范围比屏幕更狭窄。&/p&&p&但是在色彩范围上：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ff67c4eadfa1_b.jpg& data-caption=&& data-rawwidth=&2956& data-rawheight=&2268& class=&origin_image zh-lightbox-thumb& width=&2956& data-original=&https://pic2.zhimg.com/v2-ff67c4eadfa1_r.jpg&&&/figure&&p&这个结果感受起来可以说是很奇葩了，但是事实确实如此。专业显示器所能显示的色彩范围无疑是巨大的，然而奇葩的地方就在于纸张在某些颜色上所能表现的空间超出了显示器，比如青色和蓝色，这也许解释了为什么屏幕上的天空蓝看起来总是翔一样糊做一片...&/p&&p&然而图像的色彩范围如何呢？用上面那张极光的图再做一个对比：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-b3aeaf78d985ee130fff3_b.jpg& data-caption=&& data-rawwidth=&3086& data-rawheight=&2282& class=&origin_image zh-lightbox-thumb& width=&3086& data-original=&https://pic4.zhimg.com/v2-b3aeaf78d985ee130fff3_r.jpg&&&/figure&&p&结论是在色彩范围上没什么问题，至今我还在数码照片中没见过太多范围溢出的图像&/p&&p&&br&&/p&&p&&br&&/p&&p&然而，这就意味着色彩范围溢出不存在么？&/p&&p&&br&&/p&&p&如果你真的以为是这样，那还是太幼稚...&/p&&figure&&img src=&https://pic1.zhimg.com/v2-1abf1bb82c7e42f30b852dd3b39eabe0_b.jpg& data-caption=&& data-rawwidth=&2496& data-rawheight=&2280& class=&origin_image zh-lightbox-thumb& width=&2496& data-original=&https://pic1.zhimg.com/v2-1abf1bb82c7e42f30b852dd3b39eabe0_r.jpg&&&/figure&&p&惊喜不惊喜？再来个视频压压惊：&/p&&a class=&video-box& href=&http://link.zhihu.com/?target=https%3A//www.zhihu.com/video/600128& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic4.zhimg.com/80/v2-68d95f1c041c933b3b9780dafe8e1fbf_b.jpg& data-lens-id=&600128&&
&img class=&thumbnail& src=&https://pic4.zhimg.com/80/v2-68d95f1c041c933b3b9780dafe8e1fbf_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/600128&/span&
&p&意外不意外？&/p&&p&故事是这样的，这是一张从120底片上通过哈苏X5扫下来的照片，这个模型证明了胶片的色彩空间要比数码高太多。&/p&&p&&br&&/p&&p&可是我们忽略了一个事实，这张还是通过数码设备扫描出来的！&/p&&p&如果直接通过暗房放大，不走数码流程，结果你们自己猜。&/p&&p&&br&&/p&&p&&br&&/p&&p&实际上，几乎所有的喷墨打印机纸张所能承载的色彩空间都不能全面超越sRBG，所以目前来说，在喷墨打印机的领域内，对于这种溢出几乎无解。除非使用其他输出方式。&/p&&p&&br&&/p&&p&优化方案：&/p&&p&1.校正打印机颜色，或更换更好的设备和纸张，但只是能改善，大多数情况下不能完全避免溢出。&/p&&p&2. 给原图加灰，让暗部细节更容易被观察到。&/p&&p&&br&&/p&&p&&br&&/p&&p&&b&纸张选择和ICC文件&/b&&/p&&p&&br&&/p&&p&对于不同的纸张，很多厂家都给出了专门的ICC配置文件，可以到纸厂的网站下载。当然这类ICC文件为了适用于较大范围通常做的比较保守。如果有条件，也可以自己使用校色仪制作自己的ICC文件。&/p&&p&&br&&/p&&p&更多请参考：&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&摄影输出纸张选择指南 1.0&/a&&/p&&p&&br&&/p&&p&&b&输出控制&/b&&/p&&p&&br&&/p&&p&基本流程请参考：&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&展览级的照片是如何打印出来的？&/a&&/p&&p&&br&&/p&&p&聊一点关于输出校色的野路子：&/p&&p&&br&&/p&&p&不知道有多少人认识这货，印刷色片，柯达在上个世纪生产的古董，现在基本很难买到，但是如果看到了可以考虑下。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-fb5f2aae70ff1ecd_b.jpg& data-caption=&& data-rawwidth=&2352& data-rawheight=&1568& class=&origin_image zh-lightbox-thumb& width=&2352& data-original=&https://pic1.zhimg.com/v2-fb5f2aae70ff1ecd_r.jpg&&&/figure&&p&这个玩意的具体用途就是放在眼前用来观看印刷稿，相当于给眼睛加上一个色罩，然后对比效果。每个颜色有三档变化，对应不同数值。有一些打印机可以手动控制墨水的输出，可以随意加减青色，洋红和黄色，于是就可以通过这个滤镜来感性的比较，从而获得一个感官上更满意的色彩。不少印刷厂的校色师还在使用这个工具。&/p&&p&&br&&/p&&p&如果对色彩不熟悉，可以做个色板来练习：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-b0526dbd3c98f1b2cbbdeb126ede93cd_b.jpg& data-caption=&& data-rawwidth=&3024& data-rawheight=&4032& class=&origin_image zh-lightbox-thumb& width=&3024& data-original=&https://pic2.zhimg.com/v2-b0526dbd3c98f1b2cbbdeb126ede93cd_r.jpg&&&/figure&&p&图中这个色板是通过彩色暗房做的，对应的数值效果是放大机的色彩滤镜变化效果，但是打印机也可以制作类似的手动色彩调整对照。&/p&&p&&br&&/p&&p&还有什么问题可以留言，我会补充说明。&/p&
没有废话，这篇文章提供了一个简洁的针对摄影从前期到后期的色彩管理工作流程，供大家参考。色彩管理是一门复杂的学科，如果本文出现谬误，还请各位不吝指出。 一些默认的前提：相机均使用RAW格式拍照色彩管理和输出的绝大多数场景都不会使用Jpeg120cd/m2为…
&p&我只说两台携带方便性能又暴力的，比外星人性价比好，不要把目光盯死在外星人上，两台本子的屏幕都达到了72% NTSC的标准，满足设计需求是没问题的，都比外星人15.6轻0.6-0.7kg，有小键盘，尽管GX501VI是触摸式的。&/p&&p&技嘉AERO 15，I7 7700HQ+8G内存（到手还得再加多8G内存）+GTXG SSD，1W4左右，机身2.1kg，标准续航最高10小时，跟MBP差不多续航能力了，也许是最符合你全部需求的一台。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a4b0d5ff9b12af80b8851_b.jpg& data-rawwidth=&546& data-rawheight=&546& class=&origin_image zh-lightbox-thumb& width=&546& data-original=&https://pic2.zhimg.com/v2-a4b0d5ff9b12af80b8851_r.jpg&&&figcaption&只看图片是看不出真机颜值和做工的&/figcaption&&/figure&&p&华硕GX501VI，I7 7700HQ+16G内存+GTXG SSD.
国行2W出头，美行同价位是GTX1080 MAX-Q显卡，干活性能更强，机身2.26kg，标准续航2-3小时（键盘位设计的优点是使用时，键盘不会烫手，散热也不错）&/p&&figure&&img src=&https://pic4.zhimg.com/v2-b51a3667_b.jpg& data-rawwidth=&730& data-rawheight=&487& class=&origin_image zh-lightbox-thumb& width=&730& data-original=&https://pic4.zhimg.com/v2-b51a3667_r.jpg&&&figcaption&只看图片是看不出真机颜值和质感做工的&/figcaption&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-621fba86bda74b17_b.jpg& data-rawwidth=&1600& data-rawheight=&1200& class=&origin_image zh-lightbox-thumb& width=&1600& data-original=&https://pic4.zhimg.com/v2-621fba86bda74b17_r.jpg&&&figcaption&只看图片是看不出真机颜值和质感做工的&/figcaption&&/figure&&p&&br&&/p&&p&什么，你想省钱？未来人类T800，I7 7700HQ+16G+GTXG SSD+2TB HDD,1W出头，机身2.2kg，续航3-4小时。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-25b803dedd21bb7da336a2_b.jpg& data-caption=&& data-rawwidth=&450& data-rawheight=&450& class=&origin_image zh-lightbox-thumb& width=&450& data-original=&https://pic3.zhimg.com/v2-25b803dedd21bb7da336a2_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-91aaf3bb690454eaaba7c4684651aef4_b.jpg& data-caption=&& data-rawwidth=&450& data-rawheight=&450& class=&origin_image zh-lightbox-thumb& width=&450& data-original=&https://pic1.zhimg.com/v2-91aaf3bb690454eaaba7c4684651aef4_r.jpg&&&/figure&
我只说两台携带方便性能又暴力的，比外星人性价比好，不要把目光盯死在外星人上，两台本子的屏幕都达到了72% NTSC的标准，满足设计需求是没问题的，都比外星人15.6轻0.6-0.7kg，有小键盘，尽管GX501VI是触摸式的。技嘉AERO 15，I7 7700HQ+8G内存（到手还得…
&figure&&img src=&https://pic2.zhimg.com/v2-9a321d9b953c09d84f75_b.jpg& data-rawwidth=&900& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/v2-9a321d9b953c09d84f75_r.jpg&&&/figure&&p&&b&阿信说：&/b&之前推送过我常用的字体，也声明了仅供学习，商用需联系购买。很多人就问我有没有免费的商用字体，除了黑体，宋体还有微软雅黑之类的。等等，朋友，微软雅黑并不是免费字体，商用也是侵权行为，要赔棺材本的。&/p&&p&&br&&/p&&p&&br&&/p&&p&&b&【微软雅黑更新】&/b&&/p&&p&&br&&/p&&p&在微软雅黑被开发出来的多年后，微软听取了来自中国会员的反馈意见，上周四终于在Win 10 build 17025预览版中更新了微软雅黑字体，以提高可读性、对称性和外观。显著的改动包括：&/p&&p&&br&&/p&&p&&b&01.额外的字重 &/b&&/p&&p&&br&&/p&&p&增加了三个额外的字重：Semlight、Semibold和Heavy，默认情况下额外字重将预装在中文系统下，非中文系统也可以单独下载。&/p&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-334b6d8af04a_b.jpg& data-caption=&& data-rawwidth=&3000& data-rawheight=&455& class=&origin_image zh-lightbox-thumb& width=&3000& data-original=&https://pic1.zhimg.com/v2-334b6d8af04a_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&&b&02.字形调整 &/b&&/p&&p&&br&&/p&&p&微软团队优化了Hinting引擎，增加了间距，字型比旧版的要更加瘦长，弱化笔画转折，提高了笔画收尾处的的斜度，中宫负形的调整，让字体更有呼吸的空间，笔画更加细长精致。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-4758afcf8fe13c64f1ee_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&310& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic3.zhimg.com/v2-4758afcf8fe13c64f1ee_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7a43a50b67f36567ffef_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&947& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic4.zhimg.com/v2-7a43a50b67f36567ffef_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f8ab1cfe6bda55_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&536& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic2.zhimg.com/v2-f8ab1cfe6bda55_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-11d5e272984_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&1131& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic1.zhimg.com/v2-11d5e272984_r.jpg&&&/figure&&p&&br&&/p&&p&&b&03.添加字符集 &/b&&/p&&p&&br&&/p&&p&微软雅黑添加了199个字符从而完整支持了国家语言委员会制定的标准《通用规范汉字表》。&/p&&p&&br&&/p&&p&&br&&/p&&p&&b&04.重新设计的标点符号 &/b&&/p&&p&&br&&/p&&p&标点符号一直是最为诟病的一点，而今，微软重新设计了字体中所有的标点符号和符号。&/p&&p&&br&&/p&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d55bb43082d35bfa546a_b.jpg& data-caption=&& data-rawwidth=&797& data-rawheight=&217& class=&origin_image zh-lightbox-thumb& width=&797& data-original=&https://pic3.zhimg.com/v2-d55bb43082d35bfa546a_r.jpg&&&/figure&&p&&br&&/p&&p&怎么样，看到这里是不是很想尝试一下全新的微软雅黑字体呢？BUT，微软雅黑并不是免费字体！&/p&&p&&br&&/p&&p&&b&【使用微软雅黑需购买授权】&/b&&/p&&p&&br&&/p&&p&&b&当年微软公司斥巨资委托方正字体公司专门为Vista系统设计制作了这套字体&/b&（平均一个字100美金），但是有一点很多人并不知晓，&b&微软公司只拥有微软雅黑的使用权，而真正的版权在方正手中。&/b&我们仅可以在Windows系统中使用微软雅黑！脱离Windows平台的一切商业行为，都属于侵权行为，同时在Windows系统下，商业行为也不被允许，包括网页设计中，主动调用微软雅黑字体（用户显示中将默认字体转换为微软雅黑属于用户行为，不归类为侵权），更不可以以图片的形式在网页中用到微软雅黑！ &/p&&p&虽然微软不会无聊到来找你麻烦，但是作为版权拥有者的方正，可就不一定了，据我所知，方正重金聘请了庞大的维权小组，我们周围有不少使用了微软雅黑作为设计元素的设计师收到了方正公司的律师函！&/p&&p&&br&&/p&&p&&b&【微软雅黑就是兰亭黑】&/b&&/p&&p&&br&&/p&&p&方正的官方网站中，其实并没有微软雅黑的使用授权的购买渠道，但是工作人员告诉我们，对方正来说，&b&微软雅黑就是方正兰亭黑，购买了方正兰亭黑的授权之后便可以使用微软雅黑！&/b&&/p&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-e43c8dc5bc050bcc60d95d240b703e1a_b.jpg& data-caption=&& data-rawwidth=&732& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&732& data-original=&https://pic3.zhimg.com/v2-e43c8dc5bc050bcc60d95d240b703e1a_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&为什么明明是两个字体却是同一个授权呢？因为最开始，两款字体设计是基于同一个设计原型，微软委托方正为其设计字体之时，方正将最初的字形授权给微软，微软为了让字体在屏幕上更加清晰易读，请美国MonoType公司在字库中加了精细指令，并将完成的字体取名为微软雅黑。&/p&&p&而方正在原型的基础上做了更多风格完全不同的优化，并推出了比微软雅黑更漂亮的兰亭黑！并将微软雅黑也集合进来，将它们并称为方正兰亭黑。&/p&&p&&b&所以，如果你想购买微软雅黑的使用权，只需要联系方正购买方正兰亭黑的使用权。&/b&&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c0baf967fa6a0b31d4bd_b.jpg& data-caption=&& data-rawwidth=&245& data-rawheight=&230& class=&content_image& width=&245&&&/figure&&p&&br&&/p&&p&&i&△&/i& &i&方正单款字体的使用价格表&/i&&/p&&p&&br&&/p&&p&&b&【真正免费商用的字体】&/b&&/p&&p&&br&&/p&&p&在方正的官网中我们得知，方正允许设计师免费使用方正的所有字体，但仅限自用，所有参与到商业活动中的使用，都需要额外的授权，当然，&b&方正也提供四款全免费字体：&/b&&/p&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-986cc17a47603ddf111f760d8ffb7c91_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&794& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic2.zhimg.com/v2-986cc17a47603ddf111f760d8ffb7c91_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c54bc20265cba5fa0f2ed4544efd7549_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&794& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic2.zhimg.com/v2-c54bc20265cba5fa0f2ed4544efd7549_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4fae229c4faecf47c2dd7889bbe03131_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&794& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic2.zhimg.com/v2-4fae229c4faecf47c2dd7889bbe03131_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-9c3af2f1d934deb0dce8d5_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&794& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic2.zhimg.com/v2-9c3af2f1d934deb0dce8d5_r.jpg&&&/figure&&p&&br&&/p&&p&如果你们觉得这个字体有点下不了手，那再给你们来一波免费字体：&b&庞门正道标题体、思源字体、王漢宗自由字型48款、文泉驿字体、站酷字体！&/b& &/p&&p&&br&&/p&&p&用了这么多年免费的微软雅黑，突然告知你随意商用属于侵权行为，想必大家都很吃惊吧。不过作为版权的拥有者，维护自己的创造无可厚非，毕竟开发字库也是需要很高成本的，&b&也希望各位设计师深入了解，维护并使用正版字体，哪怕它是随处可见的微软雅黑！&/b&&/p&&p&&br&&/p&&p&&b&转载请联系！！！！&/b&&/p&&p&一起进步！&br&&/p&&p&共勉！&/p&&p&=================================================&/p&&p&&b&设计不是奢侈品，设计是日用品&/b&&br&&br&欢迎关注我的公众号的同篇文章，文末有惊喜！微信公众号：&b&设计便利店&/b&或 搜索微信号：&b&designmart&/b&。&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-8e347bfa31acb_b.jpg& data-thumbnail=&https://pic4.zhimg.com/v2-8e347bfa31acb_b.jpg& class=&content_image&&&/figure&&p&&/p&&p&&/p&
阿信说：之前推送过我常用的字体，也声明了仅供学习，商用需联系购买。很多人就问我有没有免费的商用字体，除了黑体，宋体还有微软雅黑之类的。等等，朋友，微软雅黑并不是免费字体，商用也是侵权行为，要赔棺材本的。 【微软雅黑更新】 在微软雅黑被开发出…
&figure&&img src=&https://pic1.zhimg.com/v2-fe423ce1a86c9ff9f2a9_b.jpg& data-rawwidth=&600& data-rawheight=&352& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic1.zhimg.com/v2-fe423ce1a86c9ff9f2a9_r.jpg&&&/figure&&p&若干年前写过一个叫「网站换色精灵」的小工具，原理是调整网站所有图片的色相、饱和度和亮度。然而并没有什么人用……或许是因为做得不好，又或许这本身就是一种伪需求。&/p&&p&得益于 Web 标准的发展和设计风格的变化，前端开发者从通过切图还原设计逐渐变为通过代码还原设计。CSS 预处理器也在一定程度上弥补了 CSS 本身表达能力的不足，许多 UI 框架（比如 &a href=&https://link.zhihu.com/?target=https%3A//github.com/ElemeFE/element/blob/ec3895fdbab2a85e0cfe839d9350/packages/theme-default/src/common/var.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Element&/a&）将基础的颜色值作为配置项供使用者定制，其余的颜色则在它们的基础上调整亮度/饱和度，或者与其他颜色混合而成。虽说做不到一键变色，但是通过重新构建来改变整个网站的配色是没有问题的。&/p&&p&除了可定制，这样做还可以让代码变得更容易维护。相比较充斥着各种颜色值的 CSS 代码，甚至可以表达出一些配色思路（或者让不善于设计的我写出至少配色上还过得去的 UI）。&/p&&h2&配色思路？&/h2&&p&下面这段样式是从七牛的管理控制台中摘抄的：&/p&&div class=&highlight&&&pre&&code class=&language-css&&&span&&/span&&span class=&nc&&.btn.btn-primary&/span& &span class=&p&&{&/span&
&span class=&nb&&color&/span&&span class=&o&&:&/span& &span class=&m&&#1989fa&/span&&span class=&p&&;&/span&
&span class=&nb&&background-color&/span&&span class=&o&&:&/span& &span class=&n&&rgba&/span&&span class=&p&&(&/span&&span class=&m&&25&/span&&span class=&o&&,&/span&&span class=&m&&137&/span&&span class=&o&&,&/span&&span class=&m&&250&/span&&span class=&o&&,.&/span&&span class=&m&&04&/span&&span class=&p&&);&/span&
&span class=&nb&&border-color&/span&&span class=&o&&:&/span& &span class=&n&&rgba&/span&&span class=&p&&(&/span&&span class=&m&&25&/span&&span class=&o&&,&/span&&span class=&m&&137&/span&&sp}