樣本工作室

樣本工作室為互聯網產品提供專業建議和設計開發

1,126 人关注

用户界面设计

16's Design Collection
2016 Design Collection.2016 年的設計作品集合。其實，過完聖誕，就盼著元旦。查看全文
庫倪
a year ago
102 赞11 条评论
Gitop．設計分享
Gitop.io 的設計是我為一個朋友做的。GitopGitop 是什麼？某日，D 先生和我說，做了一個小工具，來爬 Github 的項目，並且按照一定排序。D 先生和我說，他每天都可以在上面…查看全文
庫倪
2 years ago
11 赞5 条评论
新作．GetHello.im
這是一個幫 Zakk 製作的形象。果然就是這些自由的事情做起來爽。View on Dribbble: https://dribbble.com/shots/2836750-Get-Hello-iOS-icon設計歷程首先，要介紹一下，Get…查看全文
庫倪
2 years ago
29 赞7 条评论

{"database":{"Post":{"20165911":{"title":"My Name on Dribbble","author":"qoli-wong","content":"感謝設計師，楊盺霖（\u003Ca href=\"http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fdribbble.com\u002Fyangxinlin\" class=\" wrap external\" target=\"_blank\" rel=\"nofollow noreferrer\"\u003EDribbble - Yang Xinlin\u003C\u002Fa\u003E），給了我邀請碼哦！\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E請 \u003Cb\u003EFollow\u003C\u002Fb\u003E 我的 Dribbble 吧。\u003C\u002Fp\u003E\u003Cp\u003EDribbble: \u003Ca href=\"http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fdribbble.com\u002Fqoli\" class=\" wrap external\" target=\"_blank\" rel=\"nofollow noreferrer\"\u003EDribbble - Qoli Wong\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003EBehance: \u003Ca href=\"http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fbehance.net\u002Fqoli\" class=\" wrap external\" target=\"_blank\" rel=\"nofollow noreferrer\"\u003EBehance - Qoli Wong\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003EHome: \u003Ca href=\"http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.llqoli.com\" class=\" wrap external\" target=\"_blank\" rel=\"nofollow noreferrer\"\u003EHomePage - Qoli\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\"https:\u002F\u002Fpic2.zhimg.com\u002F9a6089d85dad64bf122036ba30792d41_b.jpg\" data-rawwidth=\"1039\" data-rawheight=\"7875\" class=\"origin_image zh-lightbox-thumb\" width=\"1039\" data-original=\"https:\u002F\u002Fpic2.zhimg.com\u002F9a6089d85dad64bf122036ba30792d41_r.jpg\"\u003E\u003C\u002Ffigure\u003E\u003Cbr\u003E\u003Cp\u003E任何工作和合作洽談：llqoli@gmail.com\u003C\u002Fp\u003E","updated":new Date("2015-08-16T06:53:14.000Z"),"canComment":false,"commentPermission":"anyone","commentCount":1,"likeCount":9,"state":"published","isLiked":false,"slug":"20165911","isTitleImageFullScreen":false,"rating":"none","titleImage":"https:\u002F\u002Fpic3.zhimg.com\u002F2f3debd8f4443281e68c9ad2a7d1c177_r.jpg","links":{"comments":"\u002Fapi\u002Fposts\u002F20165911\u002Fcomments"},"topics":[{"url":"https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F19552212","id":"19552212","name":"设计师"},{"url":"https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F19550989","id":"19550989","name":"Dribbble"},{"url":"https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F19629608","id":"19629608","name":"作品集portfolio"}],"adminClosedComment":false,"href":"\u002Fapi\u002Fposts\u002F20165911","excerptTitle":"","column":{"slug":"5mlstudio","name":"樣本工作室"},"sourceUrl":"","pageCommentsCount":1,"snapshotUrl":"","publishedTime":"2015-08-16T14:53:14+08:00","url":"\u002Fp\u002F20165911","summary":"\u003Cimg src=\"https:\u002F\u002Fpic2.zhimg.com\u002F9a6089d85dad64bf122036ba30792d41_200x112.jpg\" data-rawwidth=\"1039\" data-rawheight=\"7875\" class=\"origin_image inline-img zh-lightbox-thumb\" data-original=\"https:\u002F\u002Fpic2.zhimg.com\u002F9a6089d85dad64bf122036ba30792d41_r.jpg\"\u003E感謝設計師，楊盺霖（\u003Ca href=\"https:\u002F\u002Fdribbble.com\u002Fyangxinlin\" data-editable=\"true\" data-title=\"Dribbble - Yang Xinlin\" class=\"\"\u003EDribbble - Yang Xinlin\u003C\u002Fa\u003E），給了我邀請碼哦！ 請 \u003Cb\u003EFollow\u003C\u002Fb\u003E 我的 Dribbble 吧。Dribbble: \u003Ca href=\"http:\u002F\u002Fdribbble.com\u002Fqoli\" data-editable=\"true\" data-title=\"Dribbble - Qoli Wong\"\u003EDribbble - Qoli Wong\u003C\u002Fa\u003EBehance: \u003Ca href=\"http:\u002F\u002Fbehance.net\u002Fqoli\" data-editable=\"true\" data-title=\"Behance\" class=\"\"\u003EBehance - Qoli Wong\u003C\u002Fa\u003EHome: \u003Ca href=\"http:\u002F\u002Fwww.llqoli.com\" data-title=\"http:\u002F\u002Fwww.llqoli.com\" class=\"\"\u003EHomePage - Qoli\u003C\u002Fa\u003E 任何工作和合作洽談：llqoli@gmail.com","reviewingCommentsCount":0,"meta":{"previous":null,"next":null},"commentsCount":1,"likesCount":9},"21607104":{"title":"新作．GetHello.im","author":"qoli-wong","content":"這是一個幫 Zakk 製作的形象。\u003Cp\u003E果然就是這些自由的事情做起來爽。\u003C\u002Fp\u003E\u003Cp\u003EView on Dribbble: \u003Ca href=\"https:\u002F\u002Fdribbble.com\u002Fshots\u002F2836750-Get-Hello-iOS-icon\"\u003Ehttps:\u002F\u002Fdribbble.com\u002Fshots\u002F2836750-Get-Hello-iOS-icon\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cimg src=\"b17fb0136d91424f4130a0fd4323403d.jpg\" data-rawwidth=\"2606\" data-rawheight=\"2606\"\u003E\u003Ch2\u003E設計歷程\u003C\u002Fh2\u003E\u003Cp\u003E首先，要介紹一下，Get Hello 是什麼東西。\u003C\u002Fp\u003E\u003Cp\u003E它是一個 IM 機器人工具，面向商務出行的人士。可以用 IM 來訂機票、訂酒店。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E設計版本 1\u003C\u002Fb\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg src=\"93f3849c8ee4d145c718164b1b206a3b.png\" data-rawwidth=\"1024\" data-rawheight=\"1024\"\u003E在第一個靈感設計版本中，我只是確定了核心色調應該是「藍色」後面有一個小地圖。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E設計版本 2\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg src=\"9e77508af4b6a809164e7ecf161ff4ae.png\" data-rawwidth=\"1024\" data-rawheight=\"1024\"\u003E在第二個設計版本中，我已近構想好了，需要 HELLO 作為穿梭立在圖片中，有黃色的山、小小綠色的樹、金色的太陽作為搭配物品。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E設計版本 3 \u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg src=\"cd7730170d59bf6e56af602e43e18625.jpg\" data-rawwidth=\"1293\" data-rawheight=\"1293\"\u003E這個已經很接近定案了。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E圖標版本歷程\u003C\u002Fh2\u003E\u003Cp\u003E接著，我就要需要輸出製作圖標了。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg src=\"0534db809d4073cb0b8a71500daa25db.png\" data-rawwidth=\"750\" data-rawheight=\"750\"\u003E從圖片中，我們可以看到。\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E版本 1：圖片太小哦，根本看不清楚。\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E版本 2：我把飛機放大了。但是覺得「Get Hello」在圖片底部很礙事，而且，iOS App 的標題和 Get Hello 重合了，我認為沒有保留的必要了。\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E版本 3：我把「Get Hello」移除了。藍色區域修正為圓形，以減少底部白色所帶來的問題影響。同時間，飛機的尾流有點飛出藍色區域，起動到一個完全凸起來的效果。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Ch2\u003E設計插曲\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cb\u003E小飛機\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cimg src=\"253c11cafaa0d5e0886710d75d0d175b.png\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cp\u003E在這個圖片中，我們最核心的形象物「小飛機」是使用 IIIustrator 繪製的。因為繪製開放圖形在 Photoshop 實在不方便。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E圓形版本\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg src=\"d7f7263661a1b0cc724346173064f2a8.png\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E在大部份的 IM 軟件中，往往通信錄的頭像是圓形的啦。但是，在圓形版本中，Get Hello 被保留下來，這樣做的原因是我希望可以強化品牌形象。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E設計定案\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cb\u003EiOS App 圖標：\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg src=\"5a1f610fafd90dd11e7b9f7c0d802738.jpg\" data-rawwidth=\"800\" data-rawheight=\"600\"\u003E\u003Cb\u003E聯絡人頭像：\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cimg src=\"11f7772b59e5de8a1525c03dc0b36310.jpg\" data-rawwidth=\"750\" data-rawheight=\"750\"\u003E\u003Cp\u003E\u003Cb\u003E網頁使用配圖：\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cimg src=\"395e83e804412748087f16ca6a7b1aa8.png\" data-rawwidth=\"1528\" data-rawheight=\"1024\"\u003E\u003Cbr\u003E\u003Ch2\u003E結語\u003C\u002Fh2\u003E\u003Cp\u003E我很喜歡這個小飛機，看起來商務。但是粉藍色、小搭配又帶來了愉悅的環境感受。是一個自己覺得很耐看的設計哦。\u003C\u002Fp\u003E","updated":new Date("2016-07-15T09:29:22.000Z"),"canComment":false,"commentPermission":"anyone","commentCount":7,"likeCount":29,"state":"published","isLiked":false,"slug":"21607104","isTitleImageFullScreen":true,"rating":"none","sourceUrl":"","publishedTime":"2016-07-15T17:29:22+08:00","links":{"comments":"\u002Fapi\u002Fposts\u002F21607104\u002Fcomments"},"url":"\u002Fp\u002F21607104","titleImage":"https:\u002F\u002Fpic3.zhimg.com\u002F395e83e804412748087f16ca6a7b1aa8_r.jpg","summary":"","href":"\u002Fapi\u002Fposts\u002F21607104","meta":{"previous":null,"next":null},"snapshotUrl":"","commentsCount":7,"likesCount":29},"21928583":{"title":"Gitop．設計分享","author":"qoli-wong","content":"Gitop.io 的設計是我為一個朋友做的。\u003Cimg src=\"ba03544b5626936376e58ea34babc3f5.png\" data-rawwidth=\"1920\" data-rawheight=\"800\"\u003E\u003Ch2\u003EGitop\u003C\u002Fh2\u003E\u003Cp\u003EGitop 是什麼？某日，D 先生和我說，做了一個小工具，來爬 Github 的項目，並且按照一定排序。D 先生和我說，他每天都可以在上面看到很多很好的項目。\u003C\u002Fp\u003E\u003Cp\u003E幾日後，D 先生在早上把我吵醒，他想起一個名字。\u003C\u002Fp\u003E\u003Cp\u003E我們討論過 GitRank, GitPR,Git... 我已經想不起那些沒定下來的名字了，其實有很多不錯的，可惜就是註冊不上。\u003C\u002Fp\u003E\u003Cp\u003E我突然想到，Git top, Gitop。我 check 了一下，Gitop 可用。就告知，這樣，我們就把名字定下來了。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E\u003Ca href=\"http:\u002F\u002Fgitop.io\"\u003Ehttp:\u002F\u002Fgitop.io\u003C\u002Fa\u003E ﹣ Gitop.io\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Ch2\u003E設計\u003C\u002Fh2\u003E\u003Cp\u003E我沒有怎麼參與設計，我只是提過一些意見。\u003C\u002Fp\u003E\u003Cp\u003E但是，Github 登入需要一個圖片。\u003C\u002Fp\u003E\u003Cp\u003E我開始聯想一個 Github 那種技術開源項目要用這個什麼樣的樣子。我沒有想到什麼答案。\u003C\u002Fp\u003E\u003Cp\u003E我在某日，隨意瀏覽 App Store 時候，我看到一個 Atom（原子），所以，我確定了以原子作為元素來設計。\u003C\u002Fp\u003E\u003Cp\u003E你們會看到圖標版本和圖片版本的 Atom 圖案有所出入，是因為我調整了線條粗細之後的結果，太細的線條，在圖標上壓根就看不清了。\u003C\u002Fp\u003E\u003Cimg src=\"4fc4f5579748e559a55851096c73de45.png\" data-rawwidth=\"800\" data-rawheight=\"600\"\u003E\u003Ch2\u003EEND\u003C\u002Fh2\u003E\u003Cp\u003E就這樣就發了，他挺高興的。\u003C\u002Fp\u003E\u003Cp\u003E你們可以去看看他的網站 \u003Ca href=\"http:\u002F\u002Fgitop.io\" data-editable=\"true\" data-title=\"Gitop.io\"\u003EGitop.io\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E我發佈了 Dribbble，有空也可以點讚。\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Ca href=\"https:\u002F\u002Fdribbble.com\u002Fshots\u002F2845712-Gitop-iOS-icon\"\u003Ehttps:\u002F\u002Fdribbble.com\u002Fshots\u002F2845712-Gitop-iOS-icon\u003C\u002Fa\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\"https:\u002F\u002Fdribbble.com\u002Fshots\u002F2844986-A-Photo-for-Gitop\"\u003Ehttps:\u002F\u002Fdribbble.com\u002Fshots\u002F2844986-A-Photo-for-Gitop\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E","updated":new Date("2016-08-08T17:41:29.000Z"),"canComment":false,"commentPermission":"anyone","commentCount":5,"likeCount":11,"state":"published","isLiked":false,"slug":"21928583","isTitleImageFullScreen":true,"rating":"none","sourceUrl":"","publishedTime":"2016-08-09T01:41:29+08:00","links":{"comments":"\u002Fapi\u002Fposts\u002F21928583\u002Fcomments"},"url":"\u002Fp\u002F21928583","titleImage":"https:\u002F\u002Fpic3.zhimg.com\u002F60e1a4912a8e0d7f223dc92c7652b6bc_r.jpg","summary":"","href":"\u002Fapi\u002Fposts\u002F21928583","meta":{"previous":null,"next":null},"snapshotUrl":"","commentsCount":5,"likesCount":11},"24616270":{"title":"16's Design Collection","author":"qoli-wong","content":"2016 Design Collection.\u003Cp\u003E2016 年的設計作品集合。\u003C\u002Fp\u003E\u003Cp\u003E其實，過完聖誕，就盼著元旦。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\"v2-8922976afaae1aaadc8df83b79726103.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cbr\u003E\u003Cimg src=\"v2-59552d71cdb6db76bee8d95291d28730.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-1de797be7af9bfcb00968aac8c318d52.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-b5f165bea4f7142af2a5ad50aacc83d4.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-eb763d7fba6242d5951cacbf88509516.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-2ad9fc8e704d6a9cd5272e655ae2f577.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-274fa8d771fcc113a61e3698f35d28d3.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-870bfaa2598223eca3092809f8a7e04a.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-62961e0fe7cac808457b1952e20b8b09.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-f56b0c0c257b04efd7efdaa3c18f99e0.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-b8fe42787fe1634670eebce10b66c0dd.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-7865470b108def0ec22c4dc19379a501.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1920\"\u003E\u003Cimg src=\"v2-f44021757b10b5dc70ce9972b6388ed3.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-c72a4bdaf6298cde5b5e4a6dc4ddd4a8.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-304248e4bade21b65f0abd7d67cfcf5f.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-5cb612d2a24b02c2613992d16cdf0b0e.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-710548989afc99e166a99e53a41af111.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-75a85b17fc8788d70e4af7fa15b29a6d.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-9634a10f0e1419be6ed87b6da6d1f533.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-df997354337599c93d7b52254a8d60cb.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-bdc77929bddffae0d3a7f98856f45689.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-538941f5e635277b3bd89bff3dbe324d.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-9ffbea77ecbdbb3cceb727eae545ef1e.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-9a0628bebf526669ef02a03482256f66.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-abc8df826eb960f3ddc5eea4b49babd7.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-0934e7918bc0c8936f867b489a240220.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-77997259b41e99eb10d2d34c5005d295.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-ddb4e24739a6126eba42940410ab0d99.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-8fe86ddfa9bc0f8694135b1acb7bcf2c.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-4bfdf6c3c6350bfe7fb014215030cc61.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-21776504082fc5014e27464941e49dbf.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-a676b8e7410eb511c36e2a4b87542cad.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-916a24a0a5f9a40602d96af8678d249e.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-c91741fde6fff54ec7c2d19f70fe5ee1.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-1a24010cfdb8f6fd3a40dc1bae39946f.jpg\" data-rawwidth=\"1920\" data-rawheight=\"3000\"\u003E\u003Cimg src=\"v2-46d1cd727c08f7759d42e8e5816d5b2d.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-e571a3fdd0b9582ad789443cc72aa82a.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-d764ff40b346c7dab26d172530c32376.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-7faf9d33e06a23d18d6b869b3c0817c4.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-b3c3bebedd3352bf3766d3805ac32fad.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-0469c638ae65a3b085ce9fe93af0ed1c.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-3c437e1e5a950d45f6af9e9eee58d9d5.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-fa5678da7528534f945882199c60c83a.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-2f3b4f57ef2ea37a4a78066c5f693c5a.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-064fcfd4ae067543c7cd9f4a66386a77.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-43841b17ba4955fbe1cdfb407d562f67.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-3dd25abf514e5606b7b4cadcb03873d5.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-6a8ccf3a64fbfdb8a82028d9bbbc379b.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-45038a99a919000744c41afbe7549ad6.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-b000f4061b73a0b3dbd9692919422516.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-cbead22ec45f03579a4127f8780506e4.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-86a8d405c71329d1561fdd1bad09cd77.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-d59d5d39a9e0ebbca2ad539940103968.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-7d380b09bc78932e78dffd3ea4ce1b3c.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-c77b6aa57b9cb2005b44be024be44200.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-18d85ae070aca9ab63318c27721f9a5d.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-dad193b097f6c539a268531833c26e4b.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-c55d72d8e1b82ad080ee46bd18f79c75.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-bcff0c38185e22f4c49aefc04e64dd94.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-9811f27e7cf51ba20b1a75e31e665f82.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-a1036506bfce9e0c0edb0ba192923e72.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-3c270376cdc2e97ee0f24d79bc7380fe.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-96273109e978f51b82d1ee8b6acfccf6.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-e1ae1ae288359cb9f6392a1bba09dd17.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-0eae4c98f4fddecc9ff54129e5fd8cce.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E\u003Cimg src=\"v2-2e7d23e7c8c7dbddf833c02fd5271d94.jpg\" data-rawwidth=\"1920\" data-rawheight=\"1080\"\u003E","updated":new Date("2016-12-28T20:10:30.000Z"),"canComment":false,"commentPermission":"anyone","commentCount":11,"likeCount":102,"state":"published","isLiked":false,"slug":"24616270","isTitleImageFullScreen":true,"rating":"none","sourceUrl":"","publishedTime":"2016-12-29T04:10:30+08:00","links":{"comments":"\u002Fapi\u002Fposts\u002F24616270\u002Fcomments"},"url":"\u002Fp\u002F24616270","titleImage":"https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cdff489ad3d1001f2aa719918ac66b72_r.jpg","summary":"","href":"\u002Fapi\u002Fposts\u002F24616270","meta":{"previous":null,"next":null},"snapshotUrl":"","commentsCount":11,"likesCount":102}},"User":{"qoli-wong":{"isFollowed":false,"name":"庫倪","headline":"[qoli@zhihu]:~# 喜歡 UNIX 一般的命令行提示符的體驗，追求視覺的不多不少，尋找恰好夠用而不會麻煩的產品。一枚 UI 設計師，曾經的 Web 開發者。","avatarUrl":"https:\u002F\u002Fpic2.zhimg.com\u002F6f8039e4d3ce35f71f127d2aaac1710d_s.jpg","isFollowing":false,"type":"people","slug":"qoli-wong","bio":"UI\u002FIxD 设计师","hash":"e90a056a99b379d0d94dc9e3f22a9c09","uid":26931638566912,"isOrg":false,"description":"[qoli@zhihu]:~# 喜歡 UNIX 一般的命令行提示符的體驗，追求視覺的不多不少，尋找恰好夠用而不會麻煩的產品。一枚 UI 設計師，曾經的 Web 開發者。","profileUrl":"https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fqoli-wong","avatar":{"id":"6f8039e4d3ce35f71f127d2aaac1710d","template":"https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg"},"isOrgWhiteList":false,"isBanned":false}},"Comment":{},"favlists":{}},"me":{},"global":{"experimentFeatures":{"ge3":"ge3_9","ge2":"ge2_1","androidPassThroughPush":"all","sEI":"c","nwebQAGrowth":"experiment","qawebRelatedReadingsContentControl":"close","liveStore":"ls_a2_b2_c1_f2","nwebSearch":"nweb_search_heifetz","newSignBg":"new","rt":"y","isOffice":"false","enableTtsPlay":"post","newLiveFeedMediacard":"new","newMobileAppHeader":"true","growthSearch":"s2","hybridZhmoreVideo":"yes","nwebGrowthPeople":"default","nwebSearchSuggest":"default","qrcodeLogin":"qrcode","enableVoteDownReasonMenu":"enable","isShowUnicomFreeEntry":"unicom_free_entry_off","growthBanner":"default","newMobileColumnAppheader":"new_header","androidDbRecommendAction":"open","zcmLighting":"zcm","androidDbFeedHashTagStyle":"button","appStoreRateDialog":"close","mobileFeedGuide":"block","default":"None","isNewNotiPanel":"no","adR":"b","wechatShareModal":"wechat_share_modal_show","uRe":"1","androidProfilePanel":"panel_b"}},"columns":{"next":{},"5mlstudio":{"pins":["20165911"],"followersCount":1126,"creator":{"bio":"UI\u002FIxD 设计师","isFollowing":false,"hash":"e90a056a99b379d0d94dc9e3f22a9c09","uid":26931638566912,"isOrg":false,"slug":"qoli-wong","isFollowed":false,"description":"[qoli@zhihu]:~# 喜歡 UNIX 一般的命令行提示符的體驗，追求視覺的不多不少，尋找恰好夠用而不會麻煩的產品。一枚 UI 設計師，曾經的 Web 開發者。","name":"庫倪","profileUrl":"https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fqoli-wong","avatar":{"id":"6f8039e4d3ce35f71f127d2aaac1710d","template":"https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg"},"isOrgWhiteList":false,"isBanned":false},"topics":[{"url":"https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F19551383","id":"19551383","name":"互联网产品"},{"url":"https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F19551557","id":"19551557","name":"设计"},{"url":"https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F19551625","id":"19551625","name":"产品设计"}],"activateState":"activated","href":"\u002Fapi\u002Fcolumns\u002F5mlstudio","acceptSubmission":true,"firstTime":false,"postTopics":[{"postsCount":3,"id":3005,"name":"用户界面设计"},{"postsCount":2,"id":664,"name":"设计师"},{"postsCount":2,"id":9324,"name":"心得"},{"postsCount":2,"id":25286,"name":"链接"},{"postsCount":2,"id":26533,"name":"作品集portfolio"},{"postsCount":1,"id":15941,"name":"智能家庭"},{"postsCount":1,"id":1990,"name":"交互设计"},{"postsCount":1,"id":2040,"name":"平面设计"},{"postsCount":1,"id":252,"name":"Dribbble"},{"postsCount":1,"id":3123,"name":"代码"},{"postsCount":1,"id":5425,"name":"阅读习惯"},{"postsCount":1,"id":6302,"name":"图标"},{"postsCount":1,"id":6445,"name":"Node.js"},{"postsCount":1,"id":6987,"name":"网页"},{"postsCount":1,"id":8004,"name":"原型工具"},{"postsCount":1,"id":8059,"name":"脚本"},{"postsCount":1,"id":1308,"name":"英文字体"},{"postsCount":1,"id":13684,"name":"赞"},{"postsCount":1,"id":261,"name":"字体"},{"postsCount":1,"id":19145,"name":"SVN(Subversion)"},{"postsCount":1,"id":20660,"name":"动态 GIF"},{"postsCount":1,"id":21336,"name":"Chrome 扩展程序"},{"postsCount":1,"id":21864,"name":"工具栏"},{"postsCount":1,"id":23617,"name":"CSS 布局"},{"postsCount":1,"id":1739,"name":"Android 应用"},{"postsCount":1,"id":26059,"name":"用户界面设计师"},{"postsCount":1,"id":1872,"name":"机械键盘"},{"postsCount":1,"id":62643,"name":"树莓派（Raspberry Pi）"},{"postsCount":1,"id":119168,"name":"UI设计师"},{"postsCount":1,"id":139105,"name":"工作室（广义）"},{"postsCount":1,"id":153360,"name":"HomeKit"},{"postsCount":1,"id":156533,"name":"颜值"},{"postsCount":1,"id":165150,"name":"Electron"},{"postsCount":1,"id":167276,"name":"米家"},{"postsCount":1,"id":172909,"name":"微信小程序"},{"postsCount":1,"id":176502,"name":"小米智能家居"}],"pendingName":"","avatar":{"id":"6b926d94cfaf2f157dbb6fed48fd094e","template":"https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg"},"canManage":false,"description":"5ml Studio\n樣本工作室\nOnly for Redesign.","pendingTopics":[],"nameCanEditUntil":0,"reason":"","banUntil":0,"slug":"5mlstudio","name":"樣本工作室","url":"\u002F5mlstudio","intro":"樣本工作室為互聯網產品提供專業建議和設計開發","topicsCanEditUntil":0,"activateAuthorRequested":"none","commentPermission":"anyone","following":false,"postsCount":67,"canPost":false,"FULLINFO":true}},"columnPosts":{"5mlstudio":{"entity":["24616270","21928583","21607104"],"topic":"用户界面设计"}},"columnSettings":{"colomnAuthor":[],"uploadAvatarDetails":"","contributeRequests":[],"contributeRequestsTotalCount":0,"inviteAuthor":""},"postComments":{},"postReviewComments":{"comments":[],"newComments":[],"hasMore":true},"favlistsByUser":{},"favlistRelations":{},"promotions":{},"switches":{"couldSetPoster":false},"draft":{"titleImage":"","titleImageSize":{},"isTitleImageFullScreen":false,"canTitleImageFullScreen":false,"title":"","titleImageUploading":false,"error":"","content":"","draftLoading":false,"updating":false,"globalLoading":false,"pendingVideo":{"resource":null,"error":null}},"drafts":{"draftsList":[],"next":{}},"config":{"userNotBindPhoneTipString":{}},"recommendPosts":{"articleRecommendations":[],"columnRecommendations":[]},"env":{"edition":{"baidu":false,"yidianzixun":false,"qqnews":false},"isAppView":false,"appViewConfig":{"content_padding_top":128,"content_padding_bottom":56,"content_padding_left":16,"content_padding_right":16,"title_font_size":22,"body_font_size":16,"is_dark_theme":false,"can_auto_load_image":true,"app_info":"OS=iOS"},"isApp":false,"userAgent":{"ua":"CCBot\u002F2.0 (http:\u002F\u002Fcommoncrawl.org\u002Ffaq\u002F)","browser":{},"engine":{},"os":{},"device":{},"cpu":{}}},"message":{"newCount":0},"pushNotification":{"newCount":0}}