老是出现468网页yy登陆陆不上的情况了，找不到目前可以wwW468yycOm收视的站呢
点击联系发帖人
时间：2018-04-14 21:49
找不到可以wwW正常播出的33YYBB站了，还能用什么33YYBB方法回到正常的com时候_百度知道
找不到可以wwW正常播出的33YYBB站了，还能用什么33YYBB方法回到正常的com时候
我有更好的答案
yy6类似的哆了，.biz }也是那样的 、、只是你不知道罢了 { wvv33yybb....
采纳率：100%
你好能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。&p&&b&我的网站iOSCodeHub&/b& ( &a href=&//link.zhihu.com/?target=http%3A//www.ioscodehub.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iOS Code Hub&/a& ) 上收集了开源iOS完整APP代码, 持续保持更新.&br&&/p&&br&&p&&strong&1. Coding iOS 客户端&/strong&&/p&&p&Coding官方客户端. 笔者强烈推荐的值得学习的完整APP.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Coding/Coding-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Coding/Coding-iOS: Coding iOS 客户端源代码&/a&&br&&br&&/p&&p&&strong&2. OSCHINA 的 iPhone 客户端&/strong&&br&开源中国的iPhone客户端源码&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Coding/Coding-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&https://git.oschina.net/oschina/iphone-app&/a&&br&&br&&/p&&p&&strong&3. Git@OSC&/strong&&/p&&p&Git@OSC iPhone 客户端，方便用户查看Git@OSC的项目以及简单的操作issue等&br&&a href=&//link.zhihu.com/?target=https%3A//git.oschina.net/oschina/git-osc-iphone& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&oschina / git-osc-iphone&/a&&br&&br&&/p&&p&&strong&4. Firefox for iOS&/strong&&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//github.com/mozilla/firefox-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - mozilla/firefox-ios: Firefox for iOS&/a&&br&&br&&/p&&p&&strong&5. zulip-ios&/strong&&br&Dropbox收购公司内部社交服务商Zulip,然后全部开源，这是iOS App&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/zulip/zulip-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - zulip/zulip-ios: Zulip iOS app&/a&&br&&br&&/p&&p&&strong&6. iOSSF&/strong&&br&SegmentFault官方App&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/gaosboy/iOSSF& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - gaosboy/iOSSF: SegmentFault官方App&/a&&br&&br&&/p&&p&&strong&7. iReddit&/strong&&br&Reddit iPhone客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/reddit/iReddit& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - reddit/iReddit: The iReddit iPhone app&/a&&br&&br&&/p&&p&&strong&8. Monkey&/strong&&br&GitHub第三方iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/coderyi/Monkey& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - coderyi/Monkey: Monkey is a GitHub third party client for iOS,to show the rank of coders and repositories.&/a&&br&&br&&/p&&p&&strong&9. Watch&/strong&&br&Dribbble第三方客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/tuesda/Watch& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - tuesda/Watch: A project which demonstrate how to develop a custom client on android for dribbble.com&/a&&br&&br&&/p&&p&&strong&10. Voice2Note&/strong&&br&懒人笔记iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/liaojinxing/Voice2Note& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - liaojinxing/Voice2Note: 懒人笔记iOS客户端&/a&&br&&br&&/p&&p&&strong&11. RSSRead&/strong&&br&“已阅”（iOS上开源RSS新闻阅读器）&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ming1016/RSSRead& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ming1016/RSSRead: “已阅”（iOS上开源RSS新闻阅读器），有兴趣？那就Pull Requests吧&/a&&br&&br&&/p&&p&&strong&12. BeeFancy&/strong&&br&BeeFancy仿Fancy官方APP的WIREFRAME，基于BeeFramework&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/BeeFramework/BeeFancy& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - BeeFramework/BeeFancy: 仿Fancy官方APP的WIREFRAME，基于BeeFramework&/a&&br&&br&&/p&&p&&strong&13. SXNews&/strong&&br&模仿网易新闻做的精仿网易新闻&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/dsxNiubility/SXNews& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - dsxNiubility/SXNews: High imitation Neteasy News. (include list,detail,photoset,weather,feedback)&/a&&br&&br&&/p&&p&&strong&14. Doppio&/strong&&br&寻找最近的星巴克&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/chroman/Doppio& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - chroman/Doppio: An open source iOS app to find the nearest Starbucks store using NSURLSession, AFNetworking 2.0, Mantle and Starbucks private API.&/a&&br&&br&&/p&&p&&strong&15. Anypic&/strong&&br&类似于Instagram的一款App&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ParsePlatform/Anypic& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ParsePlatform/Anypic: An open source mobile and web app that lets users share photos similar to Instagram&/a&&br&&br&&/p&&p&&strong&16. 豆瓣相册&/strong&&br&Slowslab iOS应用 豆瓣相册 精选集 开源项目&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/TonnyTao/DoubanAlbum& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - TonnyTao/DoubanAlbum: Slowslab iOS应用 豆瓣相册 精选集 开源项目，仅供学习参考&/a&&br&&br&&/p&&p&&strong&17. ChatSecure-iOS&/strong&&br&Objective-C写的XMPP聊天应用&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ChatSecure/ChatSecure-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ChatSecure/ChatSecure-iOS: ChatSecure is a free and open source encrypted chat client for iPhone and Android that supports OTR encryption over XMPP.&/a&&br&&br&&/p&&p&&strong&18. NotificationChat&/strong&&br&Objective-C写的完整的聊天应用&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/relatedcode/EncryptedChat& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - relatedcode/EncryptedChat: This is a full native iPhone app to create realtime, text based group or private chat with Parse and Firebase.&/a&&br&&br&&/p&&p&&strong&19. FakeZhihuDaily&/strong&&br&仿知乎日报iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/gnou/FakeZhihuDaily& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - gnou/FakeZhihuDaily: 仿知乎日报iOS客户端&/a&&br&&br&&/p&&p&&strong&20. ruby-china-for-ios&/strong&&br&RubyChina官方客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ruby-china/ruby-china-for-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ruby-china/ruby-china-for-ios: Ruby China client for iOS&/a&&br&&br&&/p&&p&&strong&21. Meizi&/strong&&br&豆瓣妹子图iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Sunnyyoung/Meizi& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Sunnyyoung/Meizi: 豆瓣妹子图iOS客户端&/a&&br&&br&&/p&&p&&strong&22. PlainReader&/strong&&br&一款 iOS(iPhone + iPad) 新闻类客户端，内容抓取自 &a href=&//link.zhihu.com/?target=http%3A//cnBeta.com& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&cnBeta.com&/span&&span class=&invisible&&&/span&&/a&&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/guojiubo/PlainReader/tree/master/PlainReader& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PlainReader/PlainReader at master · guojiubo/PlainReader · GitHub&/a&&br&&br&&/p&&p&&strong&23. iOS-2048&/strong&&br&用Objective-C实现的2048游戏&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/austinzheng/iOS-2048& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - austinzheng/iOS-2048: iOS drop-in library presenting a 2048-style game&/a&&br&&br&&/p&&p&&strong&24. ECMobile_iOS&/strong&&br&基于ECShop的手机商城客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/GeekZooStudio/ECMobile_iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - GeekZooStudio/ECMobile_iOS: 基于ECShop的手机商城客户端&/a&&br&&br&&/p&&p&&strong&25. wikipedia-ios&/strong&&br&维基百科官方App, 已上架&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/wikimedia/wikipedia-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - wikimedia/wikipedia-ios: The official Wikipedia iOS app.&/a&&br&&br&&/p&&p&&strong&26. Sol&/strong&&br&漂亮的扁平风格的天气App&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/comyarzaheri/Sol& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - comyarzaheri/Sol: Sol° beautifully displays weather information so you can plan your day accordingly. Check the weather in your current location or any city around the world. Implemented in Objective-C.&/a&&br&&br&&/p&&p&&strong&27. v2ex&/strong&&br&v2ex第三方iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/singro/v2ex/tree/master/v2ex-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&v2ex/v2ex-iOS at master · singro/v2ex · GitHub&/a&&br&&br&&/p&&p&&strong&28. MyOne-iOS&/strong&&br&用OC写的《一个》 iOS 客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/meilbn/MyOne-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - meilbn/MyOne-iOS: 我的《一个》 iOS 客户端（OC）&/a&&br&&br&&/p&&p&&strong&29. WNXHuntForCity&/strong&&br&高仿城觅2.0 by-objective-c&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ZhongTaoTian/WNXHuntForCity& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ZhongTaoTian/WNXHuntForCity: 高仿城觅by-objective-c&/a&&br&&br&&/p&&p&&strong&30. viewfinder&/strong&&br&移动支付公司 Square 将去年收购的照片应用 Viewfinder 开源了，包含服务端、iOS 和 Android 应用代码&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/viewfinderco/viewfinder& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - viewfinderco/viewfinder: Viewfinder client and server code&/a&&br&&br&&/p&&p&&strong&31. breadwallet&/strong&&br&breadwallet iOS bitcoin wallet&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/voisine/breadwallet& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - voisine/breadwallet: breadwallet&/a&&br&&br&&/p&&p&&strong&32. novel-design&/strong&&br&品趣iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ltebean/novel-design& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ltebean/novel-design: PinQu ios client&/a&&br&&br&&/p&&p&&strong&33. WWDC-2014&/strong&&br&WWDC客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/indragiek/WWDC-2014& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - indragiek/WWDC-2014: Scholarship submission for WWDC 2014&/a&&br&&br&&/p&&p&&strong&34. GreatReader&/strong&&br&GreatReader PDF阅读客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/semweb/GreatReader& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - semweb/GreatReader: A &great& PDF reader for iOS. Available on the App Store.&/a&&br&&br&&/p&&p&&strong&35. Tropos&/strong&&br&天气客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/thoughtbot/Tropos& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - thoughtbot/Tropos: Weather and Forecasts for Humans&/a&&br&&br&&/p&&p&&strong&36. manong-reading&/strong&&br&《猿已阅》码农周刊iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/icepy/manong-reading& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - icepy/manong-reading: 《猿已阅》码农周刊iOS客户端&/a&&br&&br&&/p&&p&&strong&37. YoCelsius&/strong&&br&一款天气预报的应用&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/YouXianMing/YoCelsius& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - YouXianMing/YoCelsius: 一款天气预报的应用（已在AppStore上线）&/a&&br&&br&&/p&&p&&strong&38. 密记iOS版&/strong&&br&本应用主要功能是简单笔记&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/iHTCboy/SecurityNote& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - iHTCboy/SecurityNote: 密记iOS版，第一个开发的完整iOS应用，本应用主要功能是简单笔记。The application of the main function is a simple notes.&/a&&br&&br&&/p&&p&&strong&39. phphub-ios&/strong&&/p&&p&PHPHub for iOS is the universal iPhone and iPad application for PHPHub &a href=&//link.zhihu.com/?target=https%3A//phphub.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PHPHub
- PHP & Laravel的中文社区&/a&&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/aufree/phphub-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Aufree/phphub-ios: PHPHub for iOS is the universal iPhone and iPad application for PHPHub&/a&&br&&br&&/p&&p&&strong&40. Brushes&/strong&&/p&&p&绘图应用. Painting app for the iPhone and iPad.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/sprang/Brushes& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - sprang/Brushes: Painting app for the iPhone and iPad.&/a&&br&&br&&/p&&p&&strong&41. Inkpad&/strong&&br&绘图应用. Inkpad is a vector illustration app designed from scratch for the iPad.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/sprang/Inkpad& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - sprang/Inkpad: Vector illustration app for the iPad.&/a&&br&&br&&/p&&p&&strong&42. wh-app-ios&/strong&&/p&&p&美国白宫（WhiteHouse）的官方app.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/WhiteHouse/wh-app-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - WhiteHouse/wh-app-ios&/a&&br&&br&&/p&&p&&strong&43. cheddar-ios&/strong&&br&一款日程管理软件.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/nothingmagical/cheddar-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - nothingmagical/cheddar-ios: Cheddar for iOS&/a&&br&&br&&/p&&p&&strong&44. newsyc&/strong&&br&Hacker News的iPhone客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Xuzz/newsyc& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Xuzz/newsyc: An iPhone Hacker News client.&/a&&br&&br&&/p&&p&&strong&45. WordPress for iOS&/strong&&/p&&p&WordPress iOS官方客户端. 笔者强烈推荐的开源项目.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/wordpress-mobile/WordPress-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - wordpress-mobile/WordPress-iOS: WordPress for iOS&/a&&br&&br&&/p&&p&&strong&46. WikiHow&/strong&&br&Wikihow–WikiHow的官方app.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/tderouin/wikiHow-iPhone-Application& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - tderouin/wikiHow-iPhone-Application: The code for the wikihow's iphone app&/a&&br&&br&&/p&&p&&strong&47. Dollar Bets&/strong&&br&记录你和朋友打赌的内容.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Rich86man/Dollar-Bets& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Rich86man/Dollar-Bets: An iPhone app to keep track of your Dollar Bets&/a&&br&&br&&/p&&p&&strong&48. Dozuki&/strong&&br&iFixit网站的互动修理手册&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/iFixit/iFixit-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - iFixit/iFixit-iOS: iFixit's iOS app for iPad, iPhone, and iPod touch&/a&&br&&br&&/p&&p&&strong&49. Last.fm&/strong&&br&Last.fm 的客户端，国外很火的私人电台.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/lastfm/lastfm-iphone& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - lastfm/lastfm-iphone: The official Last.fm iPhone application&/a&&br&&br&&/p&&p&&strong&50. ioctocat&/strong&&br&GitHub第三方客户端.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/dennisreimann/ioctocat& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - dennisreimann/ioctocat: iOctocat v1&/a&&/p&&br&&p&&strong&51. iTunesPicker&/strong&&br&类似AppStore的一个应用&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/appcornerit/iTunesPicker& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - appcornerit/iTunesPicker: Discover, search and compare world rankings for apps, ibooks, movies, music videos and music from iTunes (and AppStore) in any available country.&/a&&br&&br&&/p&&p&&strong&52. TeamTalk&/strong&&br&蘑菇街TeamTalk. 开源IM.
笔者强烈推荐.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/mogujie/TeamTalk& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - mogujie/TeamTalk: TeamTalk is a solution for enterprise IM&/a&&br&&br&&/p&&p&&strong&53. shadowsocks-iOS&/strong&&/p&&p&翻墙工具Shadowsocks. Github目前代码已经被移除, 不过2.6.3的还是保留着.&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//github.com/shadowsocks/shadowsocks-iOS/tree/2.6.3& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - shadowsocks/shadowsocks-iOS at 2.6.3: Removed according to regulations.&/a&&br&&br&&/p&&p&&strong&54. MessageDisplayKit&/strong&&br&一个类似微信App的IM应用，拥有发送文字、图片、语音、视频、地理位置消息，管理本地通信录、分享朋友
圈、漂流交友、摇一摇和更多有趣的功能。笔者推荐的学习IM的好东西.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/xhzengAIB/MessageDisplayKit& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - xhzengAIB/MessageDisplayKit: An IM App like WeChat App has to send text, pictures, audio, video, location messaging, managing local address book, share a circle of friends, drifting friends, shake a fun and more interesting features.&/a&&/p&&br&&p&&strong&55. NewsBlur&/strong&&br&个人新闻阅读器.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/samuelclay/NewsBlur/tree/master/clients/ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NewsBlur/clients/ios at master · samuelclay/NewsBlur · GitHub&/a&&/p&&br&&p&&strong&56. VLC for iOS&/strong&&br&VLC媒体播放器. 官方页面提供源代码下载.&br&&a href=&//link.zhihu.com/?target=http%3A//www.videolan.org/vlc/download-ios.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&
http://www.videolan.org/vlc/download-ios.html&/a&&/p&&br&&strong&57. &/strong&&b&Frameless - 全屏Web浏览器&/b&&br&&a href=&//link.zhihu.com/?target=http%3A//github.com/stakes/Frameless& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - stakes/Frameless: A chromeless web browser for viewing prototypes.&/a&&br&&br&&p&&strong&58. &/strong&&b&Koala Hates Rain – iOS游戏&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ioscodehub.com//%25E5%25BC%%25BA%2590app%25E6%258E%25A8%25E8%258D%2590-koala-hates-rain-ios%25E6%25B8%25B8%25E6%F/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&[开源APP推荐] Koala Hates Rain&/a&&/p&&br&&p&&strong&59. &/strong&&b&OctoPodium&/b&&/p&&p&列出用户排名基于Github代码库的Star数量.&br&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ioscodehub.com//%25E5%25BC%%25BA%2590app%25E6%258E%25A8%25E8%258D%2590-octopodium/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&[开源APP推荐] OctoPodium&/a&&br&&/p&&br&&p&&strong&60. &/strong&MyPlanSideslip – 我有计划&/p&&div class=&highlight&&&pre&&code class=&language-text&&GitHub: https://github.com/JimmyFung/MyPlanSideslip
&/code&&/pre&&/div&&br&&p&------------------------------------------------------------------------------------&br&&/p&&br&&p&&b&iOSCodeHub&/b& ( &a href=&//link.zhihu.com/?target=http%3A//www.ioscodehub.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iOS Code Hub&/a& ), 持续保持更新.&/p&
我的网站iOSCodeHub (
) 上收集了开源iOS完整APP代码, 持续保持更新. 1. Coding iOS 客户端Coding官方客户端. 笔者强烈推荐的值得学习的完整APP.
2. OSCHINA 的 iPhone 客户端 开源中国…
&blockquote&&p&本文来自 WeRead 团队博客：&br&&a href=&http://link.zhihu.com/?target=http%3A//wereadteam.github.io/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&wereadteam.github.io/&/span&&span class=&invisible&&&/span&&/a&&/p&&/blockquote&&p& iOS 签名机制挺复杂，各种证书，Provisioning Profile，entitlements，CertificateSigningRequest，p12，AppID，概念一堆，也很容易出错，本文尝试从原理出发，一步步推出为什么会有这么多概念，希望能有助于理解 iOS App 签名的原理和流程。&/p&&h2&目的&/h2&&p& 先来看看苹果的签名机制是为了做什么。在 iOS 出来之前，在主流操作系统(Mac/Windows/Linux)上开发和运行软件是不需要签名的，软件随便从哪里下载都能运行，导致平台对第三方软件难以控制，盗版流行。苹果希望解决这样的问题，在 iOS 平台对第三方 APP 有绝对的控制权，一定要保证每一个安装到 iOS 上的 APP 都是经过苹果官方允许的，怎样保证呢？就是通过签名机制。&/p&&h2&非对称加密&/h2&&p& 通常我们说的签名就是数字签名，它是基于非对称加密算法实现的。对称加密是通过同一份密钥加密和解密数据，而非对称加密则有两份密钥，分别是公钥和私钥，用公钥加密的数据，要用私钥才能解密，用私钥加密的数据，要用公钥才能解密。&/p&&p& 简单说一下常用的非对称加密算法 RSA 的数学原理，理解简单的数学原理，就可以理解非对称加密是怎么做到的，为什么会是安全的：&/p&&ol&&li&&p&选两个质数p和q相乘得出一个大整数n，例如 p=61，q=53，n=pq=3233&/p&&/li&&li&&p&选 1-n 间的随便一个质数e，例如 e = 17&/p&&/li&&li&&p&经过一系列数学公式，算出一个数字d，满足：&br&a. 通过n和e这两个数据一组数据进行数学运算后，可以通过n和d去反解运算，反过来也可以。&br&b. 如果只知道n和e，要推导出d，需要知道p和q，也就是要需要把 n 因数分解。&/p&&/li&&/ol&&p& 上述的(n,e)这两个数据在一起就是公钥，(n,d)这两个数据就是私钥，满足用公钥加密，私钥解密，或反过来公钥加密，私钥解密，也满足在只暴露公钥（只知道n和e）的情况下，要推导出私钥(n,d)，需要把大整数n因数分解。目前因数分解只能靠暴力穷举，而n数字越大，越难以用穷举计算出因数p和q，也就越安全，当n大到二进制 1024 位或 2048 位时，以目前技术要破解几乎不可能，所以非常安全。&/p&&p& 若对数字d是怎样计算出来的感兴趣，可以搜索这两篇文章：RSA 算法原理（一）（二）&/p&&h2&数字签名&/h2&&p& 现在知道了有非对称加密这东西，那数字签名是怎么回事呢？&/p&&p& 数字签名的作用是我对某一份数据打个标记，表示我认可了这份数据（签了个名），然后我发送给其他人，其他人可以知道这份数据是经过我认证的，数据没有被篡改过。&/p&&p& 有了上述非对称加密算法，就可以实现这个需求：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e223e9de9f7bba26e477d57_b.png& data-rawwidth=&855& data-rawheight=&663& class=&origin_image zh-lightbox-thumb& width=&855& data-original=&https://pic4.zhimg.com/v2-e223e9de9f7bba26e477d57_r.jpg&&&/figure&&ol&&li&&p&首先用一种算法，算出原始数据的摘要。需满足 a.若原始数据有任何变化，计算出来的摘要值都会变化。 b.摘要要够短。这里最常用的算法是MD5。&/p&&/li&&li&&p&生成一份非对称加密的公钥和私钥，私钥我自己拿着，公钥公布出去。&/p&&/li&&li&&p&对一份数据，算出摘要后，用私钥加密这个摘要，得到一份加密后的数据，称为原始数据的签名。把它跟原始数据一起发送给用户。&/p&&/li&&li&&p&用户收到数据和签名后，用公钥解密得到摘要。同时用户用同样的算法计算原始数据的摘要，对比这里计算出来的摘要和用公钥解密签名得到的摘要是否相等，若相等则表示这份数据中途没有被篡改过，因为如果篡改过，摘要会变化。&/p&&/li&&/ol&&p& 之所以要有第一步计算摘要，是因为非对称加密的原理限制可加密的内容不能太大（不能大于上述 n 的位数，也就是一般不能大于 1024 位/ 2048 位），于是若要对任意大的数据签名，就需要改成对它的特征值签名，效果是一样的。&/p&&p& 好了，有了非对称加密的基础，知道了数字签名是什么，怎样可以保证一份数据是经过某个地方认证的，来看看怎样通过数字签名的机制保证每一个安装到 iOS 上的 APP 都是经过苹果认证允许的。&/p&&h2&最简单的签名&/h2&&p& 要实现这个需求很简单，最直接的方式，苹果官方生成一对公私钥，在 iOS 里内置一个公钥，私钥由苹果后台保存，我们传 App 上 AppStore 时，苹果后台用私钥对 APP 数据进行签名，iOS 系统下载这个 APP 后，用公钥验证这个签名，若签名正确，这个 APP 肯定是由苹果后台认证的，并且没有被修改过，也就达到了苹果的需求：保证安装的每一个 APP 都是经过苹果官方允许的。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-9f728da2fe6aef_b.png& data-rawwidth=&777& data-rawheight=&394& class=&origin_image zh-lightbox-thumb& width=&777& data-original=&https://pic4.zhimg.com/v2-9f728da2fe6aef_r.jpg&&&/figure&&p& 如果我们 iOS 设备安装 APP 只有从 AppStore 下载这一种方式的话，这件事就结束了，没有任何复杂的东西，只有一个数字签名，非常简单地解决问题。&/p&&p& 但实际上因为除了从 AppStore 下载，我们还可以有三种方式安装一个 App：&/p&&ol&&li&&p&开发 App 时可以直接把开发中的应用安装进手机进行调试。&/p&&/li&&li&&p&In-House 企业内部分发，可以直接安装企业证书签名后的 APP。&/p&&/li&&li&&p&AD-Hoc 相当于企业分发的限制版，限制安装设备数量，较少用。&/p&&/li&&/ol&&p& 苹果要对用这三种方式安装的 App 进行控制，就有了新的需求，无法像上面这样简单了。&/p&&h2&新的需求&/h2&&p& 我们先来看第一个，开发时安装APP，它有两个个需求：&/p&&ol&&li&&p&安装包不需要传到苹果服务器，可以直接安装到手机上。如果你编译一个 APP 到手机前要先传到苹果服务器签名，这显然是不能接受的。&/p&&/li&&li&&p&苹果必须对这里的安装有控制权，包括&br&a.经过苹果允许才可以这样安装。&br&b.不能被滥用导致非开发app也能被安装。&/p&&/li&&/ol&&p& 为了实现这些需求，iOS 签名的复杂度也就开始增加了。&/p&&p& 苹果这里给出的方案是使用了双层签名，会比较绕，流程大概是这样的：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-1e8430adda21f7ba590fc8_b.png& data-rawwidth=&1443& data-rawheight=&718& class=&origin_image zh-lightbox-thumb& width=&1443& data-original=&https://pic1.zhimg.com/v2-1e8430adda21f7ba590fc8_r.jpg&&&/figure&&ol&&li&&p&在你的 Mac 开发机器生成一对公私钥，这里称为公钥L，私钥L。L:Local&/p&&/li&&li&&p&苹果自己有固定的一对公私钥，跟上面 AppStore 例子一样，私钥在苹果后台，公钥在每个 iOS 设备上。这里称为公钥A，私钥A。A:Apple&/p&&/li&&li&&p&把公钥 L 传到苹果后台，用苹果后台里的私钥 A 去签名公钥 L。得到一份数据包含了公钥 L 以及其签名，把这份数据称为证书。&/p&&/li&&li&&p&在开发时，编译完一个 APP 后，用本地的私钥 L 对这个 APP 进行签名，同时把第三步得到的证书一起打包进 APP 里，安装到手机上。&/p&&/li&&li&&p&在安装时，iOS 系统取得证书，通过系统内置的公钥 A，去验证证书的数字签名是否正确。&/p&&/li&&li&&p&验证证书后确保了公钥 L 是苹果认证过的，再用公钥 L 去验证 APP 的签名，这里就间接验证了这个 APP 安装行为是否经过苹果官方允许。（这里只验证安装行为，不验证APP 是否被改动，因为开发阶段 APP 内容总是不断变化的，苹果不需要管。）&/p&&/li&&/ol&&h2&加点东西&/h2&&p& 上述流程只解决了上面第一个需求，也就是需要经过苹果允许才可以安装，还未解决第二个避免被滥用的问题。怎么解决呢？苹果再加了两个限制，一是限制在苹果后台注册过的设备才可以安装，二是限制签名只能针对某一个具体的 APP。&/p&&p& 怎么加的？在上述第三步，苹果用私钥 A 签名我们本地公钥 L 时，实际上除了签名公钥 L，还可以加上无限多数据，这些数据都可以保证是经过苹果官方认证的，不会有被篡改的可能。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-b2ac845baf125cc3a4a900_b.png& data-rawwidth=&1468& data-rawheight=&827& class=&origin_image zh-lightbox-thumb& width=&1468& data-original=&https://pic1.zhimg.com/v2-b2ac845baf125cc3a4a900_r.jpg&&&/figure&&p& 可以想到把 允许安装的设备 ID 列表 和 App对应的 AppID 等数据，都在第三步这里跟公钥L一起组成证书，再用苹果私钥 A 对这个证书签名。在最后第 5 步验证时就可以拿到设备 ID 列表，判断当前设备是否符合要求。根据数字签名的原理，只要数字签名通过验证，第 5 步这里的设备 IDs / AppID / 公钥 L 就都是经过苹果认证的，无法被修改，苹果就可以限制可安装的设备和 APP，避免滥用。&/p&&h2&最终流程&/h2&&p& 到这里这个证书已经变得很复杂了，有很多额外信息，实际上除了 设备 ID / AppID，还有其他信息也需要在这里用苹果签名，像这个 APP 里 iCloud / push / 后台运行 等权限苹果都想控制，苹果把这些权限开关统一称为 Entitlements，它也需要通过签名去授权。&/p&&p& 实际上一个“证书”本来就有规定的格式规范，上面我们把各种额外信息塞入证书里是不合适的，于是苹果另外搞了个东西，叫 Provisioning Profile，一个 Provisioning Profile 里就包含了证书以及上述提到的所有额外信息，以及所有信息的签名。&/p&&p& 所以整个流程稍微变一下，就变成这样了：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-779c5beca262fbd0da75c26ca1f84b55_b.png& data-rawwidth=&1480& data-rawheight=&997& class=&origin_image zh-lightbox-thumb& width=&1480& data-original=&https://pic2.zhimg.com/v2-779c5beca262fbd0da75c26ca1f84b55_r.jpg&&&/figure&&p& 因为步骤有小变动，这里我们不辞啰嗦重新再列一遍整个流程：&/p&&ol&&li&&p&在你的 Mac 开发机器生成一对公私钥，这里称为公钥L，私钥L。L:Local&/p&&/li&&li&&p&苹果自己有固定的一对公私钥，跟上面 AppStore 例子一样，私钥在苹果后台，公钥在每个 iOS 设备上。这里称为公钥A，私钥A。A:Apple&/p&&/li&&li&&p&把公钥 L 传到苹果后台，用苹果后台里的私钥 A 去签名公钥 L。得到一份数据包含了公钥 L 以及其签名，把这份数据称为证书。&/p&&/li&&li&&p&在苹果后台申请 AppID，配置好设备 ID 列表和 APP 可使用的权限，再加上第③步的证书，组成的数据用私钥 A 签名，把数据和签名一起组成一个 Provisioning Profile 文件，下载到本地 Mac 开发机。&/p&&/li&&li&&p&在开发时，编译完一个 APP 后，用本地的私钥 L 对这个 APP 进行签名，同时把第④步得到的 Provisioning Profile 文件打包进 APP 里，文件名为 embedded.mobileprovision，把 APP 安装到手机上。&/p&&/li&&li&&p&在安装时，iOS 系统取得证书，通过系统内置的公钥 A，去验证 embedded.mobileprovision 的数字签名是否正确，里面的证书签名也会再验一遍。&/p&&/li&&li&&p&确保了 embedded.mobileprovision 里的数据都是苹果授权以后，就可以取出里面的数据，做各种验证，包括用公钥 L 验证APP签名，验证设备 ID 是否在 ID 列表上，AppID 是否对应得上，权限开关是否跟 APP 里的 Entitlements 对应等。&/p&&/li&&/ol&&p& 开发者证书从签名到认证最终苹果采用的流程大致是这样，还有一些细节像证书有效期/证书类型等就不细说了。&/p&&h2&概念和操作&/h2&&p& 上面的步骤对应到我们平常具体的操作和概念是这样的：&/p&&ol&&li&&p&第 1 步对应的是 keychain 里的 “从证书颁发机构请求证书”，这里就本地生成了一堆公私钥，保存的 CertificateSigningRequest 就是公钥，私钥保存在本地电脑里。&/p&&/li&&li&&p&第 2 步苹果处理，不用管。&/p&&/li&&li&&p&第 3 步对应把 CertificateSigningRequest 传到苹果后台生成证书，并下载到本地。这时本地有两个证书，一个是第 1 步生成的，一个是这里下载回来的，keychain 会把这两个证书关联起来，因为他们公私钥是对应的，在XCode选择下载回来的证书时，实际上会找到 keychain 里对应的私钥去签名。这里私钥只有生成它的这台 Mac 有，如果别的 Mac 也要编译签名这个 App 怎么办？答案是把私钥导出给其他 Mac 用，在 keychain 里导出私钥，就会存成 .p12 文件，其他 Mac 打开后就导入了这个私钥。&/p&&/li&&li&&p&第 4 步都是在苹果网站上操作，配置 AppID / 权限 / 设备等，最后下载 Provisioning Profile 文件。&/p&&/li&&li&&p&第 5 步 XCode 会通过第 3 步下载回来的证书（存着公钥），在本地找到对应的私钥（第一步生成的），用本地私钥去签名 App，并把 Provisioning Profile 文件命名为 embedded.mobileprovision 一起打包进去。这里对 App 的签名数据保存分两部分，Mach-O 可执行文件会把签名直接写入这个文件里，其他资源文件则会保存在 _CodeSignature 目录下。&/p&&/li&&/ol&&p& 第 6 - 7 步的打包和验证都是 Xcode 和 iOS 系统自动做的事。&/p&&p& 这里再总结一下这些概念：&/p&&ol&&li&&strong&证书&/strong&：内容是公钥或私钥，由其他机构对其签名组成的数据包。&/li&&li&&strong&Entitlements&/strong&：包含了 App 权限开关列表。&/li&&li&&strong&CertificateSigningRequest&/strong&：本地公钥。&/li&&li&&strong&p12&/strong&：本地私钥，可以导入到其他电脑。&/li&&li&&strong&Provisioning Profile&/strong&：包含了 证书 / Entitlements 等数据，并由苹果后台私钥签名的数据包。&/li&&/ol&&h2&其他发布方式&/h2&&p& 前面以开发包为例子说了签名和验证的流程，另外两种方式 In-House 企业签名和 AD-Hoc 流程也是差不多的，只是企业签名不限制安装的设备数，另外需要用户在 iOS 系统设置上手动点击信任这个企业才能通过验证。&/p&&p& 而 AppStore 的签名验证方式有些不一样，前面我们说到最简单的签名方式，苹果在后台直接用私钥签名 App 就可以了，实际上苹果确实是这样做的，如果去下载一个 AppStore 的安装包，会发现它里面是没有 embedded.mobileprovision 文件的，也就是它安装和启动的流程是不依赖这个文件，验证流程也就跟上述几种类型不一样了。&/p&&p& 据猜测，因为上传到 AppStore 的包苹果会重新对内容加密，原来的本地私钥签名就没有用了，需要重新签名，从 AppStore 下载的包苹果也并不打算控制它的有效期，不需要内置一个 embedded.mobileprovision 去做校验，直接在苹果用后台的私钥重新签名，iOS 安装时用本地公钥验证 App 签名就可以了。&/p&&p& 那为什么发布 AppStore 的包还是要跟开发版一样搞各种证书和 Provisioning Profile？猜测因为苹果想做统一管理，Provisioning Profile 里包含一些权限控制，AppID 的检验等，苹果不想在上传 AppStore 包时重新用另一种协议做一遍这些验证，就不如统一把这部分放在 Provisioning Profile 里，上传 AppStore 时只要用同样的流程验证这个 Provisioning Profile 是否合法就可以了。&/p&&p& 所以 App 上传到 AppStore 后，就跟你的 证书 / Provisioning Profile 都没有关系了，无论他们是否过期或被废除，都不会影响 AppStore 上的安装包。&/p&&p& 到这里 iOS 签名机制的原理和主流程大致说完了，希望能对理解苹果签名和排查日常签名问题有所帮助。&/p&&h2&P.S.一些疑问&/h2&&p& 最后这里再提一下我关于签名流程的一些的疑问。&/p&&h4&企业证书&/h4&&p& 企业证书签名因为限制少，在国内被广泛用于测试和盗版，&a href=&http://link.zhihu.com/?target=http%3A//fir.im& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&fir.im&/span&&span class=&invisible&&&/span&&/a& / 蒲公英等测试平台都是通过企业证书分发，国内一些市场像 PP 助手，爱思助手，一部分安装手段也是通过企业证书重签名。通过企业证书签名安装的 App，启动时都会验证证书的有效期，并且不定期请求苹果服务器看证书是否被吊销，若已过期或被吊销，就会无法启动 App。对于这种助手的盗版安装手段，苹果想打击只能一个个吊销企业证书，并没有太好的办法。&/p&&p& 这里我的疑问是，苹果做了那么多签名和验证机制去限制在 iOS 安装 App，为什么又要出这样一个限制很少的方式让盗版钻空子呢？若真的是企业用途不适合上 AppStore，也完全可以在 AppStore 开辟一个小的私密版块，还是通过 AppStore 去安装，就不会有这个问题了。&/p&&h4&AppStore 加密&/h4&&p& 另一个问题是我们把 App 传上 AppStore 后，苹果会对 App 进行加密，导致 App 体积增大不少，这个加密实际上是没卵用的，只是让破解的人要多做一个步骤，运行 App 去内存 dump 出可执行文件而已，无论怎样加密，都可以用这种方式拿出加密前的可执行文件。所以为什么要做这样的加密呢？想不到有什么好处。&/p&&h4&本地私钥&/h4&&p& 我们看到前面说的签名流程很绕很复杂，经常出现各种问题，像有 Provisioning Profile 文件但证书又不对，本地有公钥证书没对应私钥等情况，不理解原理的情况下会被绕晕，我的疑问是，这里为什么不能简化呢？还是以开发证书为例，为什么一定要用本地 Mac 生成的私钥去签名？苹果要的只是本地签名，私钥不一定是要本地生成的，苹果也可以自己生成一对公私钥给我们，放在 Provisioning Profile 里，我们用里面的私钥去加密就行了，这样就不会有 CertificateSigningRequest 和 p12 的概念，跟本地 keychain 没有关系，不需要关心证书，只要有 Provisioning Profile 就能签名，流程会减少，易用性会提高很多，同时苹果想要的控制一点都不会少，也没有什么安全问题，为什么不这样设计呢？&/p&&p& 能想到的一个原因是 Provisioning Profile 在非 AppStore 安装时会打包进安装包，第三方拿到这个 Provisioning Profile 文件就能直接用起来给他自己的 App 签名了。但这种问题也挺好解决，只需要打包时去掉文件里的私钥就行了，所以仍不明白为什么这样设计。&/p&&br&&p&更多精彩内容欢迎关注&a href=&http://link.zhihu.com/?target=https%3A//bugly.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯 Bugly&/a&的微信公众账号：&br&&figure&&img src=&https://pic3.zhimg.com/3f2c1b1ff77fcedf3fb54616_b.jpg& class=&content_image&&&/figure&&/p&&p&&a href=&http://link.zhihu.com/?target=https%3A//bugly.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯 Bugly&/a&是一款专为移动开发者打造的质量监控工具，帮助开发者快速，便捷的定位线上应用崩溃的情况以及解决方案。智能合并功能帮助开发同学把每天上报的数千条 &a href=&http://link.zhihu.com/?target=https%3A//bugly.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Crash&/a& 根据根因合并分类，每日日报会列出影响用户数最多的崩溃，精准定位功能帮助开发同学定位到出问题的代码行，实时上报可以在发布后快速的了解应用的质量情况，适配最新的 iOS, Android 官方操作系统，鹅厂的工程师都在使用，快来加入我们吧！&/p&
本文来自 WeRead 团队博客：
iOS 签名机制挺复杂，各种证书，Provisioning Profile，entitlements，CertificateSigningRequest，p12，AppID，概念一堆，也很容易出错，本文尝试从原理出发，一步步推出为什么会有这么多概念，希望能有…
&figure&&img src=&https://pic1.zhimg.com/v2-e3b3ce0cde2057fd5fbbf78f37f00cc3_b.jpg& data-rawwidth=&1400& data-rawheight=&788& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-e3b3ce0cde2057fd5fbbf78f37f00cc3_r.jpg&&&/figure&&p&设计趋势受到媒体、技术、时尚业以及近期可用性的影响，然后逐渐融入到现有的设计分支中，最后以几近相同的方式消失。基本上设计趋势的生命不超过一两年。2016 年 Google 的 Material Design 引领的设计趋势在 2017 年将继续蔓延，同时为设计界注入一些新的改变。&/p&&h2&&b&01.半扁平化设计&/b&&/h2&&p&在过去几年中，扁平化设计统治了网页设计市场，但现在受到 Material Design 的影响，它变得更加立体。这种转变从一些亮阴影开始，使其成为半扁平化设计。扁平化设计向简约风格的演变更适应新开发的技术。扁平化设计仍然在，但它已经发生了一些改进。&/p&&p&原本生硬的阴影增加了深度和复杂性，而不破坏扁平设计的感觉。这是扁平化设计加入的新特点，并将在 2017 年继续发展。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a8e157cb9d8ddf30b4b9f3ec8297df29_b.jpg& data-rawwidth=&1400& data-rawheight=&827& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic2.zhimg.com/v2-a8e157cb9d8ddf30b4b9f3ec8297df29_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Resourse-UIUX-Tool-for-Web-Services& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Resourсe | UI/UX Tool for Web Services&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/ruslanlatypov& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ruslan Latypov&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/lstoregraphics& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LS Graphics&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/MishinAnton& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Anton Mishin&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/lockjow& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Valery Gurkov&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic1.zhimg.com/v2-5d625f8fcf_b.jpg& data-rawwidth=&1400& data-rawheight=&719& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-5d625f8fcf_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-ee4d043ba0_b.jpg& data-rawwidth=&1400& data-rawheight=&1050& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-ee4d043ba0_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Listeners-Playlist& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Listener's Playlist&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/anzi& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Anzi .&/a&&/i&&/blockquote&&br&&h2&&b&02.Cinemagraphs (局部动态图)&/b&&/h2&&p&Cinemagraphs 不是我们在网络上看到的一般 GIF。 Cinemagraphs 是静态图像，有少量元素在其中移动。这种技术使一个简单的照片更逼真，更加生活化。&br&&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-728ca6d514ecfef11c038ad_b.jpg& data-rawwidth=&763& data-rawheight=&429& class=&origin_image zh-lightbox-thumb& width=&763& data-original=&https://pic4.zhimg.com/v2-728ca6d514ecfef11c038ad_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-d3bb9a0edf58e7d2bc4da4_b.jpg& data-rawwidth=&750& data-rawheight=&396& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic4.zhimg.com/v2-d3bb9a0edf58e7d2bc4da4_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&p&&figure&&img src=&https://pic1.zhimg.com/v2-8b48d8da04b3df66d42d69_b.jpg& data-rawwidth=&817& data-rawheight=&460& class=&origin_image zh-lightbox-thumb& width=&817& data-original=&https://pic1.zhimg.com/v2-8b48d8da04b3df66d42d69_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&br&&figure&&img src=&https://pic3.zhimg.com/v2-d48e59a7fab_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic3.zhimg.com/v2-d48e59a7fab_r.jpg&&&/figure&&p&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&br&&h2&&b&03.&/b&&b&更多3D&/b&&/h2&&p&越来越多的 3D 正向我们袭来，我们将看到它在所有设计领域的影响。 随着 VR / AR 技术的革新，3D 将会更快的发展。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-e3b3ce0cde2057fd5fbbf78f37f00cc3_b.jpg& data-rawwidth=&1400& data-rawheight=&788& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-e3b3ce0cde2057fd5fbbf78f37f00cc3_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//LUVIT& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LUV.IT&/a&&/i&&br&&i&作者:
&a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/AARON777& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AARON MARTINEZ&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic4.zhimg.com/v2-784da330bdef1d5c692cf11_b.jpg& data-rawwidth=&1400& data-rawheight=&788& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-784da330bdef1d5c692cf11_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Open-Annual-Awards& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Open Annual Awards&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/tavo_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TAVO&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic4.zhimg.com/v2-4edcded98da9c006a2ee715c_b.jpg& data-rawwidth=&1400& data-rawheight=&1400& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-4edcded98da9c006a2ee715c_r.jpg&&&/figure&&blockquote&&i&项目:&a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Air-Max-17& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& Air Max '17&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/theberd& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Berd -&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/LukasVojir& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Lukas Vojir&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/mark_haley& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&mark haley&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/olliezissou& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Oliver Harris&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/jeffthomson& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Jeff Thomson&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic1.zhimg.com/v2-3e8017c2fad53c36bb92d939b6d46fd7_b.jpg& data-rawwidth=&1400& data-rawheight=&833& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-3e8017c2fad53c36bb92d939b6d46fd7_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//NIKE-FC-3D-Golden-balls-in-the-real-world& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NIKE F.C. | 3D Golden balls in the real world&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/tavo_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TAVO&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-b36ed4de6bb_b.jpg& data-rawwidth=&1400& data-rawheight=&887& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-b36ed4de6bb_r.jpg&&&/figure&&blockquote&&i&项目:&a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//BetterYou-Brand-refresh-2017& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& Better You Brand&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/AdoraAttack& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Craig Minchington&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/satelliteoffice& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Satellite Office&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Brandnu& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Brand Nu&/a&&/i&&/blockquote&&br&&h2&&b&04.动画&/b&&/h2&&p&动画在网页设计中越来越多的出现，它们可以是 gif、SVG、WebGL CSS 或者视频。&/p&&p&动画无疑是去年网络设计趋势中最强势的一个，所以不要犹豫使用它们。&br&&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-efac94e9d59b4_b.jpg& data-rawwidth=&768& data-rawheight=&432& class=&origin_image zh-lightbox-thumb& width=&768& data-original=&https://pic2.zhimg.com/v2-efac94e9d59b4_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Nickelodeon-Kids-Pick-The-President& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Nickelodeon Kids Pick The President&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Jaypleroux& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JeanPierre Le Roux&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic4.zhimg.com/v2-20f38ac5a34a7eabcbc1bcd6_b.jpg& data-rawwidth=&660& data-rawheight=&293& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-20f38ac5a34a7eabcbc1bcd6_r.jpg&&&/figure&&p&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//AR-Virtual-Fitness-Coach-App-AR-& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AR Virtual Fitness Coach App | AR 虚拟健身教练&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/dazqu& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&曲 植Daz_Qu&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-eab21521ffdbaeea16a1462_b.jpg& data-rawwidth=&998& data-rawheight=&540& class=&origin_image zh-lightbox-thumb& width=&998& data-original=&https://pic3.zhimg.com/v2-eab21521ffdbaeea16a1462_r.jpg&&&/figure&&p&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//UI-Collection-in-Motionhttps%3A//www.behance.net/gallery//UI-Collection-in-Motion& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI Collection in Motion&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/phamduyminh& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Minh Pham&/a&&/i&&/blockquote&&br&&p&&figure&&img src=&https://pic1.zhimg.com/v2-2cbf009b3117004ffcaecba4_b.jpg& data-rawwidth=&1400& data-rawheight=&684& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-2cbf009b3117004ffcaecba4_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//ZH-OURO-Rio-2016& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ZH OURO- Rio 2016&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/leonatsume& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Leo Natsume&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/GuiMaron& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Guilherme Maron&/a&&/i&&/blockquote&&br&&h2&&b&05.落地页&/b&&/h2&&p&在2017年，我们看到更多的落地页出现，由于其在营销方面的潜力和定位目标用户的能力。&/p&&br&&br&&h2&&b&06.几何形状、图案、直线和圆&/b&&/h2&&p&这个趋势开始于 2016 年，无疑会在 2017 年继续。你可以通过添加一些前卫的形状、平面或一个柔和的阴影来个性化网站。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-43726d96ffcc8dffed05eb_b.jpg& data-rawwidth=&1400& data-rawheight=&775& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-43726d96ffcc8dffed05eb_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Pfizer-Active-and-50-for-The-New-York-Times& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pfizer - Active and 50+ for The New York Times&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/birdiebrain& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&justyna stasik&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/marchukov& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vladimir Marchukov&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic2.zhimg.com/v2-5ea0828aee_b.jpg& data-rawwidth=&1400& data-rawheight=&923& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic2.zhimg.com/v2-5ea0828aee_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Drap-Agency-Branding& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DRAP.agency Branding&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Mireldy& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mireldy Design&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/filipgjurin& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Filip Gjurin&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-0f9662efebd557abe6b4357_b.jpg& data-rawwidth=&1920& data-rawheight=&970& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic3.zhimg.com/v2-0f9662efebd557abe6b4357_r.jpg&&&/figure&&br&&h2&&b&07.大胆的用色&/b&&/h2&&p&Material Design 和扁平化设计的完美依靠大胆的用色，你可以使用 Google 提供的调色板来选择和搭配所需的颜色。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-9dd9f84f32a_b.jpg& data-rawwidth=&1000& data-rawheight=&523& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic4.zhimg.com/v2-9dd9f84f32a_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-eccaee0a755bd_b.jpg& data-rawwidth=&1005& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&1005& data-original=&https://pic3.zhimg.com/v2-eccaee0a755bd_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Edris-Logo-Designed-by-MiLo& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Edris - Logo Designed by MiLo&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/LoredanaPapp-Dinea& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Loredana Papp-Dinea&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/baldeanmihai& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mihai Baldean&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/milothemes& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Milo Themes&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-a09c60ba09f8a3235d3ce_b.jpg& data-rawwidth=&1400& data-rawheight=&1031& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-a09c60ba09f8a3235d3ce_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Rendered-Responsive-Demo-Website-for-Adobe& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Rendered — Responsive Demo Website for Adobe&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/vasege& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Serge Vasil&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-764f61f7edcfb5e0f6c937_b.jpg& data-rawwidth=&1400& data-rawheight=&933& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-764f61f7edcfb5e0f6c937_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery/match& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&b2mach&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/nataliazerko& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Natalia ?erko&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/enzowski& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kuba Enzowski&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/kommunikat& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kommunikat Studio&/a&&/i&&/blockquote&&br&&h2&&b&08.创新滚动和视差&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-c3d86abc8d53bb8ab081_b.jpg& data-rawwidth=&720& data-rawheight=&404& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic3.zhimg.com/v2-c3d86abc8d53bb8ab081_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//F-mdls& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&F — mdls&/a&&/i&&br&&i&作者&/i&&i&: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Adencys& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Adencys&/a&&/i&&/blockquote&&br&&h2&&b&09.渐变色&/b&&/h2&&p&渐变色是目前最大的趋势之一。 从 2016 年开始，并迅速增长，像 Instagram 这样的大品牌决定将他们的 Logo 和图像从扁平化颜色更改为多渐变色。从 Logo、按钮或图片叠加，这个趋势无处不在。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d50d5cd1b2a_b.jpg& data-rawwidth=&1005& data-rawheight=&1734& class=&origin_image zh-lightbox-thumb& width=&1005& data-original=&https://pic3.zhimg.com/v2-d50d5cd1b2a_r.jpg&&&/figure&&br&&h2&&b&10.移动端浏览（响应式设计）&/b&&/h2&&p&2015 年和 2016 年移动端浏览增长迅猛。通过平板电脑和智能手机浏览网站的数量超越了台式机，笔记本电脑和平板电脑的第一选择，这种趋势将继续。不重视响应式设计的网页需要尽快升级。&/p&&br&&figure&&img src=&https://pic1.zhimg.com/v2-7eaae67f6eba6b_b.jpg& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic1.zhimg.com/v2-7eaae67f6eba6b_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&blockquote&&i& 项目: &a href=&https://link.zhihu.com/?target=https%3A//dribbble.com/shots/1541528-Responsive-Website-Animation& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Responsive Website Animation&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//dribbble.com/msenyil& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Muharrem Senyil&/a&&/i&&/blockquote&&br&&h2&&b&11.定制化图形和插图&/b&&/h2&&p&Stock 照片仍然相当受欢迎，但有一个新的趋势在 2016 年显著增长，并且将于 2017 年继续增加——使用定制的图形和插图。如果你想要一个独一无二的网站，任何访客都会记得，请联系数字设计师。记住，少用 Stock 图片，更多的使用原创，独特的图像。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cce3bfea5e48_b.jpg& data-rawwidth=&1200& data-rawheight=&565& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic4.zhimg.com/v2-cce3bfea5e48_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/marmarc& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Margarita Mar&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-ccd46775ece_b.jpg& data-rawwidth=&1320& data-rawheight=&906& class=&origin_image zh-lightbox-thumb& width=&1320& data-original=&https://pic3.zhimg.com/v2-ccd46775ece_r.jpg&&&/figure&&br&&h2&&b&12.中立空间和网格使用的创新&/b&&/h2&&p&在前几年，网页设计已经适应了有组织的栏和网格，但在2016年，我们看到了向不规则层和超现代设计的相当大的转变。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ffad2dc41ffe4d4a41c8e_b.jpg& data-rawwidth=&1031& data-rawheight=&1048& class=&origin_image zh-lightbox-thumb& width=&1031& data-original=&https://pic4.zhimg.com/v2-ffad2dc41ffe4d4a41c8e_r.jpg&&&/figure&&br&&h2&&b&13.讲故事&/b&&/h2&&p&网站开始利用讲故事，说服客户留在网页上。比起阅读简单的信息，人们更倾向于在阅读故事时停留。&/p&&br&&h2&&b&14.延迟加载&/b&&/h2&&p&延迟图片的加载，让信息在需要的时候出现&/p&&figure&&img src=&https://pic2.zhimg.com/v2-5a3071cfc9d_b.jpg& data-rawwidth=&767& data-rawheight=&340& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&https://pic2.zhimg.com/v2-5a3071cfc9d_r.jpg&&&/figure&&br&&h2&&b&15.分隔内容&/b&&/h2&&p&分隔内容在响应式网页设计中变得流行，它将屏幕分隔为两个或更多个部分。分屏网站将在单个页面上向访问者显示若干相同重要的消息。这个趋势自 2015 年末以来呈上升状态，2017 年它将进一步增长，很可能在许多网站上遇到。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-04d1d0bc83f1c6211adc8c_b.jpg& data-rawwidth=&1920& data-rawheight=&963& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic1.zhimg.com/v2-04d1d0bc83f1c6211adc8c_r.jpg&&&/figure&&br&&h2&&b&16.全屏表单&/b&&/h2&&p&无需转到另一个页面填写表单，因为新网站配备了适应全屏格式的响应式设计的。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-10faae71f1b32ef109700_b.jpg& data-rawwidth=&1320& data-rawheight=&347& class=&origin_image zh-lightbox-thumb& width=&1320& data-original=&https://pic2.zhimg.com/v2-10faae71f1b32ef109700_r.jpg&&&/figure&&br&&h2&&b&17.视频无处不在&/b&&/h2&&p&视频内容在去年有所增加，人们要求高质量的视频讲述故事。在网站上显示的视频可以很短，并循环播放，展示一个产品或大型电影项目，这将保持访问者对这个故事感兴趣。&br&&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-da4d4baebfbcc_b.jpg& data-rawwidth=&980& data-rawheight=&552& class=&origin_image zh-lightbox-thumb& width=&980& data-original=&https://pic3.zhimg.com/v2-da4d4baebfbcc_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Hillsong& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hillsong&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/RuslanSiiz& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ruslan Siiz&/a&&/i&&/blockquote&&br&&h2&&b&18.SEO 的重要性&/b&&/h2&&p&搜索引擎优化在一个网站是非常重要的，一个没有 SEO 的漂亮的网站可能无人问津。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-aa4f749ad28_b.jpg& data-rawwidth=&1320& data-rawheight=&591& class=&origin_image zh-lightbox-thumb& width=&1320& data-original=&https://pic1.zhimg.com/v2-aa4f749ad28_r.jpg&&&/figure&&br&&h2&&b&19.隐藏菜单&/b&&/h2&&p&汉堡菜单引发了很多争议，因为用户很难找到菜单。但有一点确认的是，这种趋势保留了下来，相信最终用户会习惯它。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-925ac8e12fafc5c96fd1_b.jpg& data-rawwidth=&725& data-rawheight=&318& class=&origin_image zh-lightbox-thumb& width=&725& data-original=&https://pic1.zhimg.com/v2-925ac8e12fafc5c96fd1_r.jpg&&&/figure&&br&&h2&&b&20.微小的设计细节&/b&&/h2&&p&今年的重点是细节，例如导航上的圆点提示和角落图标。专注于小细节，让作品更出众。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-91e57d5d656dd44cae905fa58c1f78e5_b.jpg& data-rawwidth=&1005& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&1005& data-original=&https://pic4.zhimg.com/v2-91e57d5d656dd44cae905fa58c1f78e5_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Barometa-Next-generation-Job-Platform& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Barometa - Next-generation Job Platform&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/netguru& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Netguru Team&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/pachytel& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&?ukasz Pachytel&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic4.zhimg.com/v2-10cbe98cb_b.jpg& data-rawwidth=&1031& data-rawheight=&572& class=&origin_image zh-lightbox-thumb& width=&1031& data-original=&https://pic4.zhimg.com/v2-10cbe98cb_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Zhenchur& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Konstantin Zhenchur&/a&&/i&&/blockquote&&br&&h2&&b&21.Logo 设计趋势&/b&&/h2&&p&&b&21.1.极简主义&/b&&br&&/p&&p&随着所有大品牌趋向简单、简约的设计，这种趋势将在这里停留。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-36da215b7885fbfb75ee833_b.jpg& data-rawwidth=&1366& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/v2-36da215b7885fbfb75ee833_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/MingoIdeasUp& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mingo Ideas Up&/a&&/i&&/blockquote&&br&&p&&b&21.2.手绘&/b&&/p&&p&这是近几年来备受关注的趋势，它非常适合“时髦”的企业。这种风格适用于咖啡馆、餐馆、理发店或是艺术和工艺品。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c683be4cece24ef91c556_b.jpg& data-rawwidth=&1366& data-rawheight=&633& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/v2-c683be4cece24ef91c556_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/healyco& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sam Healy&/a&&/i&&/blockquote&&br&&p&&b&21.3.负空间&/b&&/p&&p&这是一个老的趋势，但在过去几年，我们看到它再次出现，它会在 2017 年增长，所以它绝对值得关注。&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-26d453bbbe5ce4e1c07c1ab_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/v2-26d453bbbe5ce4e1c07c1ab_r.jpg&&&/figure&&br&&p&&b&21.4.裁剪&/b&&/p&&p&这个趋势是最小的，就像它所提供的信息，仅够人们脑补出这个标志是什么意思。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-56fede6fddbf493a40ab2_b.jpg& data-rawwidth=&1366& data-rawheight=&582& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic3.zhimg.com/v2-56fede6fddbf493a40ab2_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/aleksandrmaksimov& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Aleksandr Maksimov&/a&&/i&&/blockquote&&br&&p&&b&21.5.几何&/b&&/p&&p&这个趋势相当的 old-school，它也许是永远不会死的样式之一。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c31da567d4fea672da6a44d6242cbcea_b.jpg& data-rawwidth=&1366& data-rawheight=&591& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/v2-c31da567d4fea672da6a44d6242cbcea_r.jpg&&&/figure&&i&&blockquote&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/MingoIdeasUp& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mingo Ideas Up&/a&&/blockquote&&/i&&br&&p&&b&21.6.线条艺术&/b&&/p&&p&这种趋势在新潮和现代的企业中很受欢迎。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-b26bd505c5cd8fda53fbc_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic4.zhimg.com/v2-b26bd505c5cd8fda53fbc_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/healyco& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sam Healy&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/andrea_schlaffer& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Andrea Schlaffer&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Janiczak& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Jacek Janiczak&/a&&/i&&/blockquote&&br&&p&&b&21.7.图案&/b&&/p&&p&图案是一个新的趋势，这种独特的方式使一个企业脱颖而出。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c935aed80adb4b0b590255d_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/v2-c935aed80adb4b0b590255d_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/NickEdlin& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Nick Edlin&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/stanaleynikov& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Stanislav Aleynikov&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/lucasgilturner& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Lucas Gil-Turner&/a&&/i&&/blockquote&&br&&p&&b&21.8.动画标志&/b&&/p&&p&动画设计是今年的一个巨大趋势，我们可以在所有设计领域找到它。&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-c}
找不到可以wwW正常播出的33YYBB站了，还能用什么33YYBB方法回到正常的com时候
我有更好的答案
yy6类似的哆了，.biz }也是那样的 、、只是你不知道罢了 { wvv33yybb....
采纳率：100%
你好能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了能正常的就是现在这个了
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。&p&&b&我的网站iOSCodeHub&/b& ( &a href=&//link.zhihu.com/?target=http%3A//www.ioscodehub.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iOS Code Hub&/a& ) 上收集了开源iOS完整APP代码, 持续保持更新.&br&&/p&&br&&p&&strong&1. Coding iOS 客户端&/strong&&/p&&p&Coding官方客户端. 笔者强烈推荐的值得学习的完整APP.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Coding/Coding-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Coding/Coding-iOS: Coding iOS 客户端源代码&/a&&br&&br&&/p&&p&&strong&2. OSCHINA 的 iPhone 客户端&/strong&&br&开源中国的iPhone客户端源码&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Coding/Coding-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&https://git.oschina.net/oschina/iphone-app&/a&&br&&br&&/p&&p&&strong&3. Git@OSC&/strong&&/p&&p&Git@OSC iPhone 客户端，方便用户查看Git@OSC的项目以及简单的操作issue等&br&&a href=&//link.zhihu.com/?target=https%3A//git.oschina.net/oschina/git-osc-iphone& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&oschina / git-osc-iphone&/a&&br&&br&&/p&&p&&strong&4. Firefox for iOS&/strong&&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//github.com/mozilla/firefox-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - mozilla/firefox-ios: Firefox for iOS&/a&&br&&br&&/p&&p&&strong&5. zulip-ios&/strong&&br&Dropbox收购公司内部社交服务商Zulip,然后全部开源，这是iOS App&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/zulip/zulip-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - zulip/zulip-ios: Zulip iOS app&/a&&br&&br&&/p&&p&&strong&6. iOSSF&/strong&&br&SegmentFault官方App&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/gaosboy/iOSSF& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - gaosboy/iOSSF: SegmentFault官方App&/a&&br&&br&&/p&&p&&strong&7. iReddit&/strong&&br&Reddit iPhone客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/reddit/iReddit& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - reddit/iReddit: The iReddit iPhone app&/a&&br&&br&&/p&&p&&strong&8. Monkey&/strong&&br&GitHub第三方iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/coderyi/Monkey& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - coderyi/Monkey: Monkey is a GitHub third party client for iOS,to show the rank of coders and repositories.&/a&&br&&br&&/p&&p&&strong&9. Watch&/strong&&br&Dribbble第三方客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/tuesda/Watch& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - tuesda/Watch: A project which demonstrate how to develop a custom client on android for dribbble.com&/a&&br&&br&&/p&&p&&strong&10. Voice2Note&/strong&&br&懒人笔记iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/liaojinxing/Voice2Note& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - liaojinxing/Voice2Note: 懒人笔记iOS客户端&/a&&br&&br&&/p&&p&&strong&11. RSSRead&/strong&&br&“已阅”（iOS上开源RSS新闻阅读器）&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ming1016/RSSRead& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ming1016/RSSRead: “已阅”（iOS上开源RSS新闻阅读器），有兴趣？那就Pull Requests吧&/a&&br&&br&&/p&&p&&strong&12. BeeFancy&/strong&&br&BeeFancy仿Fancy官方APP的WIREFRAME，基于BeeFramework&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/BeeFramework/BeeFancy& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - BeeFramework/BeeFancy: 仿Fancy官方APP的WIREFRAME，基于BeeFramework&/a&&br&&br&&/p&&p&&strong&13. SXNews&/strong&&br&模仿网易新闻做的精仿网易新闻&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/dsxNiubility/SXNews& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - dsxNiubility/SXNews: High imitation Neteasy News. (include list,detail,photoset,weather,feedback)&/a&&br&&br&&/p&&p&&strong&14. Doppio&/strong&&br&寻找最近的星巴克&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/chroman/Doppio& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - chroman/Doppio: An open source iOS app to find the nearest Starbucks store using NSURLSession, AFNetworking 2.0, Mantle and Starbucks private API.&/a&&br&&br&&/p&&p&&strong&15. Anypic&/strong&&br&类似于Instagram的一款App&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ParsePlatform/Anypic& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ParsePlatform/Anypic: An open source mobile and web app that lets users share photos similar to Instagram&/a&&br&&br&&/p&&p&&strong&16. 豆瓣相册&/strong&&br&Slowslab iOS应用 豆瓣相册 精选集 开源项目&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/TonnyTao/DoubanAlbum& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - TonnyTao/DoubanAlbum: Slowslab iOS应用 豆瓣相册 精选集 开源项目，仅供学习参考&/a&&br&&br&&/p&&p&&strong&17. ChatSecure-iOS&/strong&&br&Objective-C写的XMPP聊天应用&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ChatSecure/ChatSecure-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ChatSecure/ChatSecure-iOS: ChatSecure is a free and open source encrypted chat client for iPhone and Android that supports OTR encryption over XMPP.&/a&&br&&br&&/p&&p&&strong&18. NotificationChat&/strong&&br&Objective-C写的完整的聊天应用&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/relatedcode/EncryptedChat& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - relatedcode/EncryptedChat: This is a full native iPhone app to create realtime, text based group or private chat with Parse and Firebase.&/a&&br&&br&&/p&&p&&strong&19. FakeZhihuDaily&/strong&&br&仿知乎日报iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/gnou/FakeZhihuDaily& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - gnou/FakeZhihuDaily: 仿知乎日报iOS客户端&/a&&br&&br&&/p&&p&&strong&20. ruby-china-for-ios&/strong&&br&RubyChina官方客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ruby-china/ruby-china-for-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ruby-china/ruby-china-for-ios: Ruby China client for iOS&/a&&br&&br&&/p&&p&&strong&21. Meizi&/strong&&br&豆瓣妹子图iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Sunnyyoung/Meizi& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Sunnyyoung/Meizi: 豆瓣妹子图iOS客户端&/a&&br&&br&&/p&&p&&strong&22. PlainReader&/strong&&br&一款 iOS(iPhone + iPad) 新闻类客户端，内容抓取自 &a href=&//link.zhihu.com/?target=http%3A//cnBeta.com& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&cnBeta.com&/span&&span class=&invisible&&&/span&&/a&&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/guojiubo/PlainReader/tree/master/PlainReader& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PlainReader/PlainReader at master · guojiubo/PlainReader · GitHub&/a&&br&&br&&/p&&p&&strong&23. iOS-2048&/strong&&br&用Objective-C实现的2048游戏&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/austinzheng/iOS-2048& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - austinzheng/iOS-2048: iOS drop-in library presenting a 2048-style game&/a&&br&&br&&/p&&p&&strong&24. ECMobile_iOS&/strong&&br&基于ECShop的手机商城客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/GeekZooStudio/ECMobile_iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - GeekZooStudio/ECMobile_iOS: 基于ECShop的手机商城客户端&/a&&br&&br&&/p&&p&&strong&25. wikipedia-ios&/strong&&br&维基百科官方App, 已上架&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/wikimedia/wikipedia-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - wikimedia/wikipedia-ios: The official Wikipedia iOS app.&/a&&br&&br&&/p&&p&&strong&26. Sol&/strong&&br&漂亮的扁平风格的天气App&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/comyarzaheri/Sol& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - comyarzaheri/Sol: Sol° beautifully displays weather information so you can plan your day accordingly. Check the weather in your current location or any city around the world. Implemented in Objective-C.&/a&&br&&br&&/p&&p&&strong&27. v2ex&/strong&&br&v2ex第三方iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/singro/v2ex/tree/master/v2ex-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&v2ex/v2ex-iOS at master · singro/v2ex · GitHub&/a&&br&&br&&/p&&p&&strong&28. MyOne-iOS&/strong&&br&用OC写的《一个》 iOS 客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/meilbn/MyOne-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - meilbn/MyOne-iOS: 我的《一个》 iOS 客户端（OC）&/a&&br&&br&&/p&&p&&strong&29. WNXHuntForCity&/strong&&br&高仿城觅2.0 by-objective-c&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ZhongTaoTian/WNXHuntForCity& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ZhongTaoTian/WNXHuntForCity: 高仿城觅by-objective-c&/a&&br&&br&&/p&&p&&strong&30. viewfinder&/strong&&br&移动支付公司 Square 将去年收购的照片应用 Viewfinder 开源了，包含服务端、iOS 和 Android 应用代码&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/viewfinderco/viewfinder& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - viewfinderco/viewfinder: Viewfinder client and server code&/a&&br&&br&&/p&&p&&strong&31. breadwallet&/strong&&br&breadwallet iOS bitcoin wallet&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/voisine/breadwallet& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - voisine/breadwallet: breadwallet&/a&&br&&br&&/p&&p&&strong&32. novel-design&/strong&&br&品趣iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/ltebean/novel-design& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ltebean/novel-design: PinQu ios client&/a&&br&&br&&/p&&p&&strong&33. WWDC-2014&/strong&&br&WWDC客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/indragiek/WWDC-2014& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - indragiek/WWDC-2014: Scholarship submission for WWDC 2014&/a&&br&&br&&/p&&p&&strong&34. GreatReader&/strong&&br&GreatReader PDF阅读客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/semweb/GreatReader& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - semweb/GreatReader: A &great& PDF reader for iOS. Available on the App Store.&/a&&br&&br&&/p&&p&&strong&35. Tropos&/strong&&br&天气客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/thoughtbot/Tropos& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - thoughtbot/Tropos: Weather and Forecasts for Humans&/a&&br&&br&&/p&&p&&strong&36. manong-reading&/strong&&br&《猿已阅》码农周刊iOS客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/icepy/manong-reading& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - icepy/manong-reading: 《猿已阅》码农周刊iOS客户端&/a&&br&&br&&/p&&p&&strong&37. YoCelsius&/strong&&br&一款天气预报的应用&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/YouXianMing/YoCelsius& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - YouXianMing/YoCelsius: 一款天气预报的应用（已在AppStore上线）&/a&&br&&br&&/p&&p&&strong&38. 密记iOS版&/strong&&br&本应用主要功能是简单笔记&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/iHTCboy/SecurityNote& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - iHTCboy/SecurityNote: 密记iOS版，第一个开发的完整iOS应用，本应用主要功能是简单笔记。The application of the main function is a simple notes.&/a&&br&&br&&/p&&p&&strong&39. phphub-ios&/strong&&/p&&p&PHPHub for iOS is the universal iPhone and iPad application for PHPHub &a href=&//link.zhihu.com/?target=https%3A//phphub.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PHPHub
- PHP & Laravel的中文社区&/a&&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/aufree/phphub-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Aufree/phphub-ios: PHPHub for iOS is the universal iPhone and iPad application for PHPHub&/a&&br&&br&&/p&&p&&strong&40. Brushes&/strong&&/p&&p&绘图应用. Painting app for the iPhone and iPad.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/sprang/Brushes& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - sprang/Brushes: Painting app for the iPhone and iPad.&/a&&br&&br&&/p&&p&&strong&41. Inkpad&/strong&&br&绘图应用. Inkpad is a vector illustration app designed from scratch for the iPad.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/sprang/Inkpad& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - sprang/Inkpad: Vector illustration app for the iPad.&/a&&br&&br&&/p&&p&&strong&42. wh-app-ios&/strong&&/p&&p&美国白宫（WhiteHouse）的官方app.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/WhiteHouse/wh-app-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - WhiteHouse/wh-app-ios&/a&&br&&br&&/p&&p&&strong&43. cheddar-ios&/strong&&br&一款日程管理软件.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/nothingmagical/cheddar-ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - nothingmagical/cheddar-ios: Cheddar for iOS&/a&&br&&br&&/p&&p&&strong&44. newsyc&/strong&&br&Hacker News的iPhone客户端&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Xuzz/newsyc& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Xuzz/newsyc: An iPhone Hacker News client.&/a&&br&&br&&/p&&p&&strong&45. WordPress for iOS&/strong&&/p&&p&WordPress iOS官方客户端. 笔者强烈推荐的开源项目.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/wordpress-mobile/WordPress-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - wordpress-mobile/WordPress-iOS: WordPress for iOS&/a&&br&&br&&/p&&p&&strong&46. WikiHow&/strong&&br&Wikihow–WikiHow的官方app.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/tderouin/wikiHow-iPhone-Application& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - tderouin/wikiHow-iPhone-Application: The code for the wikihow's iphone app&/a&&br&&br&&/p&&p&&strong&47. Dollar Bets&/strong&&br&记录你和朋友打赌的内容.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/Rich86man/Dollar-Bets& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Rich86man/Dollar-Bets: An iPhone app to keep track of your Dollar Bets&/a&&br&&br&&/p&&p&&strong&48. Dozuki&/strong&&br&iFixit网站的互动修理手册&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/iFixit/iFixit-iOS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - iFixit/iFixit-iOS: iFixit's iOS app for iPad, iPhone, and iPod touch&/a&&br&&br&&/p&&p&&strong&49. Last.fm&/strong&&br&Last.fm 的客户端，国外很火的私人电台.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/lastfm/lastfm-iphone& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - lastfm/lastfm-iphone: The official Last.fm iPhone application&/a&&br&&br&&/p&&p&&strong&50. ioctocat&/strong&&br&GitHub第三方客户端.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/dennisreimann/ioctocat& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - dennisreimann/ioctocat: iOctocat v1&/a&&/p&&br&&p&&strong&51. iTunesPicker&/strong&&br&类似AppStore的一个应用&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/appcornerit/iTunesPicker& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - appcornerit/iTunesPicker: Discover, search and compare world rankings for apps, ibooks, movies, music videos and music from iTunes (and AppStore) in any available country.&/a&&br&&br&&/p&&p&&strong&52. TeamTalk&/strong&&br&蘑菇街TeamTalk. 开源IM.
笔者强烈推荐.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/mogujie/TeamTalk& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - mogujie/TeamTalk: TeamTalk is a solution for enterprise IM&/a&&br&&br&&/p&&p&&strong&53. shadowsocks-iOS&/strong&&/p&&p&翻墙工具Shadowsocks. Github目前代码已经被移除, 不过2.6.3的还是保留着.&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//github.com/shadowsocks/shadowsocks-iOS/tree/2.6.3& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - shadowsocks/shadowsocks-iOS at 2.6.3: Removed according to regulations.&/a&&br&&br&&/p&&p&&strong&54. MessageDisplayKit&/strong&&br&一个类似微信App的IM应用，拥有发送文字、图片、语音、视频、地理位置消息，管理本地通信录、分享朋友
圈、漂流交友、摇一摇和更多有趣的功能。笔者推荐的学习IM的好东西.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/xhzengAIB/MessageDisplayKit& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - xhzengAIB/MessageDisplayKit: An IM App like WeChat App has to send text, pictures, audio, video, location messaging, managing local address book, share a circle of friends, drifting friends, shake a fun and more interesting features.&/a&&/p&&br&&p&&strong&55. NewsBlur&/strong&&br&个人新闻阅读器.&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/samuelclay/NewsBlur/tree/master/clients/ios& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NewsBlur/clients/ios at master · samuelclay/NewsBlur · GitHub&/a&&/p&&br&&p&&strong&56. VLC for iOS&/strong&&br&VLC媒体播放器. 官方页面提供源代码下载.&br&&a href=&//link.zhihu.com/?target=http%3A//www.videolan.org/vlc/download-ios.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&
http://www.videolan.org/vlc/download-ios.html&/a&&/p&&br&&strong&57. &/strong&&b&Frameless - 全屏Web浏览器&/b&&br&&a href=&//link.zhihu.com/?target=http%3A//github.com/stakes/Frameless& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - stakes/Frameless: A chromeless web browser for viewing prototypes.&/a&&br&&br&&p&&strong&58. &/strong&&b&Koala Hates Rain – iOS游戏&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ioscodehub.com//%25E5%25BC%%25BA%2590app%25E6%258E%25A8%25E8%258D%2590-koala-hates-rain-ios%25E6%25B8%25B8%25E6%F/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&[开源APP推荐] Koala Hates Rain&/a&&/p&&br&&p&&strong&59. &/strong&&b&OctoPodium&/b&&/p&&p&列出用户排名基于Github代码库的Star数量.&br&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ioscodehub.com//%25E5%25BC%%25BA%2590app%25E6%258E%25A8%25E8%258D%2590-octopodium/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&[开源APP推荐] OctoPodium&/a&&br&&/p&&br&&p&&strong&60. &/strong&MyPlanSideslip – 我有计划&/p&&div class=&highlight&&&pre&&code class=&language-text&&GitHub: https://github.com/JimmyFung/MyPlanSideslip
&/code&&/pre&&/div&&br&&p&------------------------------------------------------------------------------------&br&&/p&&br&&p&&b&iOSCodeHub&/b& ( &a href=&//link.zhihu.com/?target=http%3A//www.ioscodehub.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iOS Code Hub&/a& ), 持续保持更新.&/p&
我的网站iOSCodeHub (
) 上收集了开源iOS完整APP代码, 持续保持更新. 1. Coding iOS 客户端Coding官方客户端. 笔者强烈推荐的值得学习的完整APP.
2. OSCHINA 的 iPhone 客户端 开源中国…
&blockquote&&p&本文来自 WeRead 团队博客：&br&&a href=&http://link.zhihu.com/?target=http%3A//wereadteam.github.io/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&wereadteam.github.io/&/span&&span class=&invisible&&&/span&&/a&&/p&&/blockquote&&p& iOS 签名机制挺复杂，各种证书，Provisioning Profile，entitlements，CertificateSigningRequest，p12，AppID，概念一堆，也很容易出错，本文尝试从原理出发，一步步推出为什么会有这么多概念，希望能有助于理解 iOS App 签名的原理和流程。&/p&&h2&目的&/h2&&p& 先来看看苹果的签名机制是为了做什么。在 iOS 出来之前，在主流操作系统(Mac/Windows/Linux)上开发和运行软件是不需要签名的，软件随便从哪里下载都能运行，导致平台对第三方软件难以控制，盗版流行。苹果希望解决这样的问题，在 iOS 平台对第三方 APP 有绝对的控制权，一定要保证每一个安装到 iOS 上的 APP 都是经过苹果官方允许的，怎样保证呢？就是通过签名机制。&/p&&h2&非对称加密&/h2&&p& 通常我们说的签名就是数字签名，它是基于非对称加密算法实现的。对称加密是通过同一份密钥加密和解密数据，而非对称加密则有两份密钥，分别是公钥和私钥，用公钥加密的数据，要用私钥才能解密，用私钥加密的数据，要用公钥才能解密。&/p&&p& 简单说一下常用的非对称加密算法 RSA 的数学原理，理解简单的数学原理，就可以理解非对称加密是怎么做到的，为什么会是安全的：&/p&&ol&&li&&p&选两个质数p和q相乘得出一个大整数n，例如 p=61，q=53，n=pq=3233&/p&&/li&&li&&p&选 1-n 间的随便一个质数e，例如 e = 17&/p&&/li&&li&&p&经过一系列数学公式，算出一个数字d，满足：&br&a. 通过n和e这两个数据一组数据进行数学运算后，可以通过n和d去反解运算，反过来也可以。&br&b. 如果只知道n和e，要推导出d，需要知道p和q，也就是要需要把 n 因数分解。&/p&&/li&&/ol&&p& 上述的(n,e)这两个数据在一起就是公钥，(n,d)这两个数据就是私钥，满足用公钥加密，私钥解密，或反过来公钥加密，私钥解密，也满足在只暴露公钥（只知道n和e）的情况下，要推导出私钥(n,d)，需要把大整数n因数分解。目前因数分解只能靠暴力穷举，而n数字越大，越难以用穷举计算出因数p和q，也就越安全，当n大到二进制 1024 位或 2048 位时，以目前技术要破解几乎不可能，所以非常安全。&/p&&p& 若对数字d是怎样计算出来的感兴趣，可以搜索这两篇文章：RSA 算法原理（一）（二）&/p&&h2&数字签名&/h2&&p& 现在知道了有非对称加密这东西，那数字签名是怎么回事呢？&/p&&p& 数字签名的作用是我对某一份数据打个标记，表示我认可了这份数据（签了个名），然后我发送给其他人，其他人可以知道这份数据是经过我认证的，数据没有被篡改过。&/p&&p& 有了上述非对称加密算法，就可以实现这个需求：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e223e9de9f7bba26e477d57_b.png& data-rawwidth=&855& data-rawheight=&663& class=&origin_image zh-lightbox-thumb& width=&855& data-original=&https://pic4.zhimg.com/v2-e223e9de9f7bba26e477d57_r.jpg&&&/figure&&ol&&li&&p&首先用一种算法，算出原始数据的摘要。需满足 a.若原始数据有任何变化，计算出来的摘要值都会变化。 b.摘要要够短。这里最常用的算法是MD5。&/p&&/li&&li&&p&生成一份非对称加密的公钥和私钥，私钥我自己拿着，公钥公布出去。&/p&&/li&&li&&p&对一份数据，算出摘要后，用私钥加密这个摘要，得到一份加密后的数据，称为原始数据的签名。把它跟原始数据一起发送给用户。&/p&&/li&&li&&p&用户收到数据和签名后，用公钥解密得到摘要。同时用户用同样的算法计算原始数据的摘要，对比这里计算出来的摘要和用公钥解密签名得到的摘要是否相等，若相等则表示这份数据中途没有被篡改过，因为如果篡改过，摘要会变化。&/p&&/li&&/ol&&p& 之所以要有第一步计算摘要，是因为非对称加密的原理限制可加密的内容不能太大（不能大于上述 n 的位数，也就是一般不能大于 1024 位/ 2048 位），于是若要对任意大的数据签名，就需要改成对它的特征值签名，效果是一样的。&/p&&p& 好了，有了非对称加密的基础，知道了数字签名是什么，怎样可以保证一份数据是经过某个地方认证的，来看看怎样通过数字签名的机制保证每一个安装到 iOS 上的 APP 都是经过苹果认证允许的。&/p&&h2&最简单的签名&/h2&&p& 要实现这个需求很简单，最直接的方式，苹果官方生成一对公私钥，在 iOS 里内置一个公钥，私钥由苹果后台保存，我们传 App 上 AppStore 时，苹果后台用私钥对 APP 数据进行签名，iOS 系统下载这个 APP 后，用公钥验证这个签名，若签名正确，这个 APP 肯定是由苹果后台认证的，并且没有被修改过，也就达到了苹果的需求：保证安装的每一个 APP 都是经过苹果官方允许的。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-9f728da2fe6aef_b.png& data-rawwidth=&777& data-rawheight=&394& class=&origin_image zh-lightbox-thumb& width=&777& data-original=&https://pic4.zhimg.com/v2-9f728da2fe6aef_r.jpg&&&/figure&&p& 如果我们 iOS 设备安装 APP 只有从 AppStore 下载这一种方式的话，这件事就结束了，没有任何复杂的东西，只有一个数字签名，非常简单地解决问题。&/p&&p& 但实际上因为除了从 AppStore 下载，我们还可以有三种方式安装一个 App：&/p&&ol&&li&&p&开发 App 时可以直接把开发中的应用安装进手机进行调试。&/p&&/li&&li&&p&In-House 企业内部分发，可以直接安装企业证书签名后的 APP。&/p&&/li&&li&&p&AD-Hoc 相当于企业分发的限制版，限制安装设备数量，较少用。&/p&&/li&&/ol&&p& 苹果要对用这三种方式安装的 App 进行控制，就有了新的需求，无法像上面这样简单了。&/p&&h2&新的需求&/h2&&p& 我们先来看第一个，开发时安装APP，它有两个个需求：&/p&&ol&&li&&p&安装包不需要传到苹果服务器，可以直接安装到手机上。如果你编译一个 APP 到手机前要先传到苹果服务器签名，这显然是不能接受的。&/p&&/li&&li&&p&苹果必须对这里的安装有控制权，包括&br&a.经过苹果允许才可以这样安装。&br&b.不能被滥用导致非开发app也能被安装。&/p&&/li&&/ol&&p& 为了实现这些需求，iOS 签名的复杂度也就开始增加了。&/p&&p& 苹果这里给出的方案是使用了双层签名，会比较绕，流程大概是这样的：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-1e8430adda21f7ba590fc8_b.png& data-rawwidth=&1443& data-rawheight=&718& class=&origin_image zh-lightbox-thumb& width=&1443& data-original=&https://pic1.zhimg.com/v2-1e8430adda21f7ba590fc8_r.jpg&&&/figure&&ol&&li&&p&在你的 Mac 开发机器生成一对公私钥，这里称为公钥L，私钥L。L:Local&/p&&/li&&li&&p&苹果自己有固定的一对公私钥，跟上面 AppStore 例子一样，私钥在苹果后台，公钥在每个 iOS 设备上。这里称为公钥A，私钥A。A:Apple&/p&&/li&&li&&p&把公钥 L 传到苹果后台，用苹果后台里的私钥 A 去签名公钥 L。得到一份数据包含了公钥 L 以及其签名，把这份数据称为证书。&/p&&/li&&li&&p&在开发时，编译完一个 APP 后，用本地的私钥 L 对这个 APP 进行签名，同时把第三步得到的证书一起打包进 APP 里，安装到手机上。&/p&&/li&&li&&p&在安装时，iOS 系统取得证书，通过系统内置的公钥 A，去验证证书的数字签名是否正确。&/p&&/li&&li&&p&验证证书后确保了公钥 L 是苹果认证过的，再用公钥 L 去验证 APP 的签名，这里就间接验证了这个 APP 安装行为是否经过苹果官方允许。（这里只验证安装行为，不验证APP 是否被改动，因为开发阶段 APP 内容总是不断变化的，苹果不需要管。）&/p&&/li&&/ol&&h2&加点东西&/h2&&p& 上述流程只解决了上面第一个需求，也就是需要经过苹果允许才可以安装，还未解决第二个避免被滥用的问题。怎么解决呢？苹果再加了两个限制，一是限制在苹果后台注册过的设备才可以安装，二是限制签名只能针对某一个具体的 APP。&/p&&p& 怎么加的？在上述第三步，苹果用私钥 A 签名我们本地公钥 L 时，实际上除了签名公钥 L，还可以加上无限多数据，这些数据都可以保证是经过苹果官方认证的，不会有被篡改的可能。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-b2ac845baf125cc3a4a900_b.png& data-rawwidth=&1468& data-rawheight=&827& class=&origin_image zh-lightbox-thumb& width=&1468& data-original=&https://pic1.zhimg.com/v2-b2ac845baf125cc3a4a900_r.jpg&&&/figure&&p& 可以想到把 允许安装的设备 ID 列表 和 App对应的 AppID 等数据，都在第三步这里跟公钥L一起组成证书，再用苹果私钥 A 对这个证书签名。在最后第 5 步验证时就可以拿到设备 ID 列表，判断当前设备是否符合要求。根据数字签名的原理，只要数字签名通过验证，第 5 步这里的设备 IDs / AppID / 公钥 L 就都是经过苹果认证的，无法被修改，苹果就可以限制可安装的设备和 APP，避免滥用。&/p&&h2&最终流程&/h2&&p& 到这里这个证书已经变得很复杂了，有很多额外信息，实际上除了 设备 ID / AppID，还有其他信息也需要在这里用苹果签名，像这个 APP 里 iCloud / push / 后台运行 等权限苹果都想控制，苹果把这些权限开关统一称为 Entitlements，它也需要通过签名去授权。&/p&&p& 实际上一个“证书”本来就有规定的格式规范，上面我们把各种额外信息塞入证书里是不合适的，于是苹果另外搞了个东西，叫 Provisioning Profile，一个 Provisioning Profile 里就包含了证书以及上述提到的所有额外信息，以及所有信息的签名。&/p&&p& 所以整个流程稍微变一下，就变成这样了：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-779c5beca262fbd0da75c26ca1f84b55_b.png& data-rawwidth=&1480& data-rawheight=&997& class=&origin_image zh-lightbox-thumb& width=&1480& data-original=&https://pic2.zhimg.com/v2-779c5beca262fbd0da75c26ca1f84b55_r.jpg&&&/figure&&p& 因为步骤有小变动，这里我们不辞啰嗦重新再列一遍整个流程：&/p&&ol&&li&&p&在你的 Mac 开发机器生成一对公私钥，这里称为公钥L，私钥L。L:Local&/p&&/li&&li&&p&苹果自己有固定的一对公私钥，跟上面 AppStore 例子一样，私钥在苹果后台，公钥在每个 iOS 设备上。这里称为公钥A，私钥A。A:Apple&/p&&/li&&li&&p&把公钥 L 传到苹果后台，用苹果后台里的私钥 A 去签名公钥 L。得到一份数据包含了公钥 L 以及其签名，把这份数据称为证书。&/p&&/li&&li&&p&在苹果后台申请 AppID，配置好设备 ID 列表和 APP 可使用的权限，再加上第③步的证书，组成的数据用私钥 A 签名，把数据和签名一起组成一个 Provisioning Profile 文件，下载到本地 Mac 开发机。&/p&&/li&&li&&p&在开发时，编译完一个 APP 后，用本地的私钥 L 对这个 APP 进行签名，同时把第④步得到的 Provisioning Profile 文件打包进 APP 里，文件名为 embedded.mobileprovision，把 APP 安装到手机上。&/p&&/li&&li&&p&在安装时，iOS 系统取得证书，通过系统内置的公钥 A，去验证 embedded.mobileprovision 的数字签名是否正确，里面的证书签名也会再验一遍。&/p&&/li&&li&&p&确保了 embedded.mobileprovision 里的数据都是苹果授权以后，就可以取出里面的数据，做各种验证，包括用公钥 L 验证APP签名，验证设备 ID 是否在 ID 列表上，AppID 是否对应得上，权限开关是否跟 APP 里的 Entitlements 对应等。&/p&&/li&&/ol&&p& 开发者证书从签名到认证最终苹果采用的流程大致是这样，还有一些细节像证书有效期/证书类型等就不细说了。&/p&&h2&概念和操作&/h2&&p& 上面的步骤对应到我们平常具体的操作和概念是这样的：&/p&&ol&&li&&p&第 1 步对应的是 keychain 里的 “从证书颁发机构请求证书”，这里就本地生成了一堆公私钥，保存的 CertificateSigningRequest 就是公钥，私钥保存在本地电脑里。&/p&&/li&&li&&p&第 2 步苹果处理，不用管。&/p&&/li&&li&&p&第 3 步对应把 CertificateSigningRequest 传到苹果后台生成证书，并下载到本地。这时本地有两个证书，一个是第 1 步生成的，一个是这里下载回来的，keychain 会把这两个证书关联起来，因为他们公私钥是对应的，在XCode选择下载回来的证书时，实际上会找到 keychain 里对应的私钥去签名。这里私钥只有生成它的这台 Mac 有，如果别的 Mac 也要编译签名这个 App 怎么办？答案是把私钥导出给其他 Mac 用，在 keychain 里导出私钥，就会存成 .p12 文件，其他 Mac 打开后就导入了这个私钥。&/p&&/li&&li&&p&第 4 步都是在苹果网站上操作，配置 AppID / 权限 / 设备等，最后下载 Provisioning Profile 文件。&/p&&/li&&li&&p&第 5 步 XCode 会通过第 3 步下载回来的证书（存着公钥），在本地找到对应的私钥（第一步生成的），用本地私钥去签名 App，并把 Provisioning Profile 文件命名为 embedded.mobileprovision 一起打包进去。这里对 App 的签名数据保存分两部分，Mach-O 可执行文件会把签名直接写入这个文件里，其他资源文件则会保存在 _CodeSignature 目录下。&/p&&/li&&/ol&&p& 第 6 - 7 步的打包和验证都是 Xcode 和 iOS 系统自动做的事。&/p&&p& 这里再总结一下这些概念：&/p&&ol&&li&&strong&证书&/strong&：内容是公钥或私钥，由其他机构对其签名组成的数据包。&/li&&li&&strong&Entitlements&/strong&：包含了 App 权限开关列表。&/li&&li&&strong&CertificateSigningRequest&/strong&：本地公钥。&/li&&li&&strong&p12&/strong&：本地私钥，可以导入到其他电脑。&/li&&li&&strong&Provisioning Profile&/strong&：包含了 证书 / Entitlements 等数据，并由苹果后台私钥签名的数据包。&/li&&/ol&&h2&其他发布方式&/h2&&p& 前面以开发包为例子说了签名和验证的流程，另外两种方式 In-House 企业签名和 AD-Hoc 流程也是差不多的，只是企业签名不限制安装的设备数，另外需要用户在 iOS 系统设置上手动点击信任这个企业才能通过验证。&/p&&p& 而 AppStore 的签名验证方式有些不一样，前面我们说到最简单的签名方式，苹果在后台直接用私钥签名 App 就可以了，实际上苹果确实是这样做的，如果去下载一个 AppStore 的安装包，会发现它里面是没有 embedded.mobileprovision 文件的，也就是它安装和启动的流程是不依赖这个文件，验证流程也就跟上述几种类型不一样了。&/p&&p& 据猜测，因为上传到 AppStore 的包苹果会重新对内容加密，原来的本地私钥签名就没有用了，需要重新签名，从 AppStore 下载的包苹果也并不打算控制它的有效期，不需要内置一个 embedded.mobileprovision 去做校验，直接在苹果用后台的私钥重新签名，iOS 安装时用本地公钥验证 App 签名就可以了。&/p&&p& 那为什么发布 AppStore 的包还是要跟开发版一样搞各种证书和 Provisioning Profile？猜测因为苹果想做统一管理，Provisioning Profile 里包含一些权限控制，AppID 的检验等，苹果不想在上传 AppStore 包时重新用另一种协议做一遍这些验证，就不如统一把这部分放在 Provisioning Profile 里，上传 AppStore 时只要用同样的流程验证这个 Provisioning Profile 是否合法就可以了。&/p&&p& 所以 App 上传到 AppStore 后，就跟你的 证书 / Provisioning Profile 都没有关系了，无论他们是否过期或被废除，都不会影响 AppStore 上的安装包。&/p&&p& 到这里 iOS 签名机制的原理和主流程大致说完了，希望能对理解苹果签名和排查日常签名问题有所帮助。&/p&&h2&P.S.一些疑问&/h2&&p& 最后这里再提一下我关于签名流程的一些的疑问。&/p&&h4&企业证书&/h4&&p& 企业证书签名因为限制少，在国内被广泛用于测试和盗版，&a href=&http://link.zhihu.com/?target=http%3A//fir.im& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&fir.im&/span&&span class=&invisible&&&/span&&/a& / 蒲公英等测试平台都是通过企业证书分发，国内一些市场像 PP 助手，爱思助手，一部分安装手段也是通过企业证书重签名。通过企业证书签名安装的 App，启动时都会验证证书的有效期，并且不定期请求苹果服务器看证书是否被吊销，若已过期或被吊销，就会无法启动 App。对于这种助手的盗版安装手段，苹果想打击只能一个个吊销企业证书，并没有太好的办法。&/p&&p& 这里我的疑问是，苹果做了那么多签名和验证机制去限制在 iOS 安装 App，为什么又要出这样一个限制很少的方式让盗版钻空子呢？若真的是企业用途不适合上 AppStore，也完全可以在 AppStore 开辟一个小的私密版块，还是通过 AppStore 去安装，就不会有这个问题了。&/p&&h4&AppStore 加密&/h4&&p& 另一个问题是我们把 App 传上 AppStore 后，苹果会对 App 进行加密，导致 App 体积增大不少，这个加密实际上是没卵用的，只是让破解的人要多做一个步骤，运行 App 去内存 dump 出可执行文件而已，无论怎样加密，都可以用这种方式拿出加密前的可执行文件。所以为什么要做这样的加密呢？想不到有什么好处。&/p&&h4&本地私钥&/h4&&p& 我们看到前面说的签名流程很绕很复杂，经常出现各种问题，像有 Provisioning Profile 文件但证书又不对，本地有公钥证书没对应私钥等情况，不理解原理的情况下会被绕晕，我的疑问是，这里为什么不能简化呢？还是以开发证书为例，为什么一定要用本地 Mac 生成的私钥去签名？苹果要的只是本地签名，私钥不一定是要本地生成的，苹果也可以自己生成一对公私钥给我们，放在 Provisioning Profile 里，我们用里面的私钥去加密就行了，这样就不会有 CertificateSigningRequest 和 p12 的概念，跟本地 keychain 没有关系，不需要关心证书，只要有 Provisioning Profile 就能签名，流程会减少，易用性会提高很多，同时苹果想要的控制一点都不会少，也没有什么安全问题，为什么不这样设计呢？&/p&&p& 能想到的一个原因是 Provisioning Profile 在非 AppStore 安装时会打包进安装包，第三方拿到这个 Provisioning Profile 文件就能直接用起来给他自己的 App 签名了。但这种问题也挺好解决，只需要打包时去掉文件里的私钥就行了，所以仍不明白为什么这样设计。&/p&&br&&p&更多精彩内容欢迎关注&a href=&http://link.zhihu.com/?target=https%3A//bugly.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯 Bugly&/a&的微信公众账号：&br&&figure&&img src=&https://pic3.zhimg.com/3f2c1b1ff77fcedf3fb54616_b.jpg& class=&content_image&&&/figure&&/p&&p&&a href=&http://link.zhihu.com/?target=https%3A//bugly.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯 Bugly&/a&是一款专为移动开发者打造的质量监控工具，帮助开发者快速，便捷的定位线上应用崩溃的情况以及解决方案。智能合并功能帮助开发同学把每天上报的数千条 &a href=&http://link.zhihu.com/?target=https%3A//bugly.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Crash&/a& 根据根因合并分类，每日日报会列出影响用户数最多的崩溃，精准定位功能帮助开发同学定位到出问题的代码行，实时上报可以在发布后快速的了解应用的质量情况，适配最新的 iOS, Android 官方操作系统，鹅厂的工程师都在使用，快来加入我们吧！&/p&
本文来自 WeRead 团队博客：
iOS 签名机制挺复杂，各种证书，Provisioning Profile，entitlements，CertificateSigningRequest，p12，AppID，概念一堆，也很容易出错，本文尝试从原理出发，一步步推出为什么会有这么多概念，希望能有…
&figure&&img src=&https://pic1.zhimg.com/v2-e3b3ce0cde2057fd5fbbf78f37f00cc3_b.jpg& data-rawwidth=&1400& data-rawheight=&788& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-e3b3ce0cde2057fd5fbbf78f37f00cc3_r.jpg&&&/figure&&p&设计趋势受到媒体、技术、时尚业以及近期可用性的影响，然后逐渐融入到现有的设计分支中，最后以几近相同的方式消失。基本上设计趋势的生命不超过一两年。2016 年 Google 的 Material Design 引领的设计趋势在 2017 年将继续蔓延，同时为设计界注入一些新的改变。&/p&&h2&&b&01.半扁平化设计&/b&&/h2&&p&在过去几年中，扁平化设计统治了网页设计市场，但现在受到 Material Design 的影响，它变得更加立体。这种转变从一些亮阴影开始，使其成为半扁平化设计。扁平化设计向简约风格的演变更适应新开发的技术。扁平化设计仍然在，但它已经发生了一些改进。&/p&&p&原本生硬的阴影增加了深度和复杂性，而不破坏扁平设计的感觉。这是扁平化设计加入的新特点，并将在 2017 年继续发展。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a8e157cb9d8ddf30b4b9f3ec8297df29_b.jpg& data-rawwidth=&1400& data-rawheight=&827& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic2.zhimg.com/v2-a8e157cb9d8ddf30b4b9f3ec8297df29_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Resourse-UIUX-Tool-for-Web-Services& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Resourсe | UI/UX Tool for Web Services&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/ruslanlatypov& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ruslan Latypov&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/lstoregraphics& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LS Graphics&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/MishinAnton& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Anton Mishin&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/lockjow& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Valery Gurkov&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic1.zhimg.com/v2-5d625f8fcf_b.jpg& data-rawwidth=&1400& data-rawheight=&719& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-5d625f8fcf_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-ee4d043ba0_b.jpg& data-rawwidth=&1400& data-rawheight=&1050& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-ee4d043ba0_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Listeners-Playlist& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Listener's Playlist&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/anzi& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Anzi .&/a&&/i&&/blockquote&&br&&h2&&b&02.Cinemagraphs (局部动态图)&/b&&/h2&&p&Cinemagraphs 不是我们在网络上看到的一般 GIF。 Cinemagraphs 是静态图像，有少量元素在其中移动。这种技术使一个简单的照片更逼真，更加生活化。&br&&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-728ca6d514ecfef11c038ad_b.jpg& data-rawwidth=&763& data-rawheight=&429& class=&origin_image zh-lightbox-thumb& width=&763& data-original=&https://pic4.zhimg.com/v2-728ca6d514ecfef11c038ad_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-d3bb9a0edf58e7d2bc4da4_b.jpg& data-rawwidth=&750& data-rawheight=&396& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic4.zhimg.com/v2-d3bb9a0edf58e7d2bc4da4_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&p&&figure&&img src=&https://pic1.zhimg.com/v2-8b48d8da04b3df66d42d69_b.jpg& data-rawwidth=&817& data-rawheight=&460& class=&origin_image zh-lightbox-thumb& width=&817& data-original=&https://pic1.zhimg.com/v2-8b48d8da04b3df66d42d69_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&br&&figure&&img src=&https://pic3.zhimg.com/v2-d48e59a7fab_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic3.zhimg.com/v2-d48e59a7fab_r.jpg&&&/figure&&p&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&br&&h2&&b&03.&/b&&b&更多3D&/b&&/h2&&p&越来越多的 3D 正向我们袭来，我们将看到它在所有设计领域的影响。 随着 VR / AR 技术的革新，3D 将会更快的发展。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-e3b3ce0cde2057fd5fbbf78f37f00cc3_b.jpg& data-rawwidth=&1400& data-rawheight=&788& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-e3b3ce0cde2057fd5fbbf78f37f00cc3_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//LUVIT& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LUV.IT&/a&&/i&&br&&i&作者:
&a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/AARON777& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AARON MARTINEZ&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic4.zhimg.com/v2-784da330bdef1d5c692cf11_b.jpg& data-rawwidth=&1400& data-rawheight=&788& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-784da330bdef1d5c692cf11_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Open-Annual-Awards& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Open Annual Awards&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/tavo_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TAVO&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic4.zhimg.com/v2-4edcded98da9c006a2ee715c_b.jpg& data-rawwidth=&1400& data-rawheight=&1400& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-4edcded98da9c006a2ee715c_r.jpg&&&/figure&&blockquote&&i&项目:&a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Air-Max-17& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& Air Max '17&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/theberd& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Berd -&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/LukasVojir& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Lukas Vojir&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/mark_haley& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&mark haley&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/olliezissou& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Oliver Harris&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/jeffthomson& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Jeff Thomson&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic1.zhimg.com/v2-3e8017c2fad53c36bb92d939b6d46fd7_b.jpg& data-rawwidth=&1400& data-rawheight=&833& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-3e8017c2fad53c36bb92d939b6d46fd7_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//NIKE-FC-3D-Golden-balls-in-the-real-world& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NIKE F.C. | 3D Golden balls in the real world&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/tavo_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TAVO&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-b36ed4de6bb_b.jpg& data-rawwidth=&1400& data-rawheight=&887& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-b36ed4de6bb_r.jpg&&&/figure&&blockquote&&i&项目:&a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//BetterYou-Brand-refresh-2017& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& Better You Brand&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/AdoraAttack& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Craig Minchington&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/satelliteoffice& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Satellite Office&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Brandnu& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Brand Nu&/a&&/i&&/blockquote&&br&&h2&&b&04.动画&/b&&/h2&&p&动画在网页设计中越来越多的出现，它们可以是 gif、SVG、WebGL CSS 或者视频。&/p&&p&动画无疑是去年网络设计趋势中最强势的一个，所以不要犹豫使用它们。&br&&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-efac94e9d59b4_b.jpg& data-rawwidth=&768& data-rawheight=&432& class=&origin_image zh-lightbox-thumb& width=&768& data-original=&https://pic2.zhimg.com/v2-efac94e9d59b4_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Nickelodeon-Kids-Pick-The-President& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Nickelodeon Kids Pick The President&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Jaypleroux& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JeanPierre Le Roux&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic4.zhimg.com/v2-20f38ac5a34a7eabcbc1bcd6_b.jpg& data-rawwidth=&660& data-rawheight=&293& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-20f38ac5a34a7eabcbc1bcd6_r.jpg&&&/figure&&p&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//AR-Virtual-Fitness-Coach-App-AR-& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AR Virtual Fitness Coach App | AR 虚拟健身教练&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/dazqu& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&曲 植Daz_Qu&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-eab21521ffdbaeea16a1462_b.jpg& data-rawwidth=&998& data-rawheight=&540& class=&origin_image zh-lightbox-thumb& width=&998& data-original=&https://pic3.zhimg.com/v2-eab21521ffdbaeea16a1462_r.jpg&&&/figure&&p&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//UI-Collection-in-Motionhttps%3A//www.behance.net/gallery//UI-Collection-in-Motion& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI Collection in Motion&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/phamduyminh& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Minh Pham&/a&&/i&&/blockquote&&br&&p&&figure&&img src=&https://pic1.zhimg.com/v2-2cbf009b3117004ffcaecba4_b.jpg& data-rawwidth=&1400& data-rawheight=&684& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-2cbf009b3117004ffcaecba4_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//ZH-OURO-Rio-2016& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ZH OURO- Rio 2016&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/leonatsume& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Leo Natsume&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/GuiMaron& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Guilherme Maron&/a&&/i&&/blockquote&&br&&h2&&b&05.落地页&/b&&/h2&&p&在2017年，我们看到更多的落地页出现，由于其在营销方面的潜力和定位目标用户的能力。&/p&&br&&br&&h2&&b&06.几何形状、图案、直线和圆&/b&&/h2&&p&这个趋势开始于 2016 年，无疑会在 2017 年继续。你可以通过添加一些前卫的形状、平面或一个柔和的阴影来个性化网站。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-43726d96ffcc8dffed05eb_b.jpg& data-rawwidth=&1400& data-rawheight=&775& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-43726d96ffcc8dffed05eb_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Pfizer-Active-and-50-for-The-New-York-Times& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pfizer - Active and 50+ for The New York Times&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/birdiebrain& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&justyna stasik&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/marchukov& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vladimir Marchukov&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic2.zhimg.com/v2-5ea0828aee_b.jpg& data-rawwidth=&1400& data-rawheight=&923& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic2.zhimg.com/v2-5ea0828aee_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Drap-Agency-Branding& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DRAP.agency Branding&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Mireldy& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mireldy Design&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/filipgjurin& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Filip Gjurin&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-0f9662efebd557abe6b4357_b.jpg& data-rawwidth=&1920& data-rawheight=&970& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic3.zhimg.com/v2-0f9662efebd557abe6b4357_r.jpg&&&/figure&&br&&h2&&b&07.大胆的用色&/b&&/h2&&p&Material Design 和扁平化设计的完美依靠大胆的用色，你可以使用 Google 提供的调色板来选择和搭配所需的颜色。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-9dd9f84f32a_b.jpg& data-rawwidth=&1000& data-rawheight=&523& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic4.zhimg.com/v2-9dd9f84f32a_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-eccaee0a755bd_b.jpg& data-rawwidth=&1005& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&1005& data-original=&https://pic3.zhimg.com/v2-eccaee0a755bd_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Edris-Logo-Designed-by-MiLo& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Edris - Logo Designed by MiLo&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/LoredanaPapp-Dinea& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Loredana Papp-Dinea&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/baldeanmihai& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mihai Baldean&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/milothemes& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Milo Themes&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-a09c60ba09f8a3235d3ce_b.jpg& data-rawwidth=&1400& data-rawheight=&1031& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-a09c60ba09f8a3235d3ce_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Rendered-Responsive-Demo-Website-for-Adobe& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Rendered — Responsive Demo Website for Adobe&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/vasege& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Serge Vasil&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-764f61f7edcfb5e0f6c937_b.jpg& data-rawwidth=&1400& data-rawheight=&933& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-764f61f7edcfb5e0f6c937_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery/match& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&b2mach&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/nataliazerko& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Natalia ?erko&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/enzowski& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kuba Enzowski&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/kommunikat& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kommunikat Studio&/a&&/i&&/blockquote&&br&&h2&&b&08.创新滚动和视差&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-c3d86abc8d53bb8ab081_b.jpg& data-rawwidth=&720& data-rawheight=&404& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic3.zhimg.com/v2-c3d86abc8d53bb8ab081_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//F-mdls& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&F — mdls&/a&&/i&&br&&i&作者&/i&&i&: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Adencys& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Adencys&/a&&/i&&/blockquote&&br&&h2&&b&09.渐变色&/b&&/h2&&p&渐变色是目前最大的趋势之一。 从 2016 年开始，并迅速增长，像 Instagram 这样的大品牌决定将他们的 Logo 和图像从扁平化颜色更改为多渐变色。从 Logo、按钮或图片叠加，这个趋势无处不在。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d50d5cd1b2a_b.jpg& data-rawwidth=&1005& data-rawheight=&1734& class=&origin_image zh-lightbox-thumb& width=&1005& data-original=&https://pic3.zhimg.com/v2-d50d5cd1b2a_r.jpg&&&/figure&&br&&h2&&b&10.移动端浏览（响应式设计）&/b&&/h2&&p&2015 年和 2016 年移动端浏览增长迅猛。通过平板电脑和智能手机浏览网站的数量超越了台式机，笔记本电脑和平板电脑的第一选择，这种趋势将继续。不重视响应式设计的网页需要尽快升级。&/p&&br&&figure&&img src=&https://pic1.zhimg.com/v2-7eaae67f6eba6b_b.jpg& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic1.zhimg.com/v2-7eaae67f6eba6b_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&blockquote&&i& 项目: &a href=&https://link.zhihu.com/?target=https%3A//dribbble.com/shots/1541528-Responsive-Website-Animation& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Responsive Website Animation&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//dribbble.com/msenyil& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Muharrem Senyil&/a&&/i&&/blockquote&&br&&h2&&b&11.定制化图形和插图&/b&&/h2&&p&Stock 照片仍然相当受欢迎，但有一个新的趋势在 2016 年显著增长，并且将于 2017 年继续增加——使用定制的图形和插图。如果你想要一个独一无二的网站，任何访客都会记得，请联系数字设计师。记住，少用 Stock 图片，更多的使用原创，独特的图像。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cce3bfea5e48_b.jpg& data-rawwidth=&1200& data-rawheight=&565& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic4.zhimg.com/v2-cce3bfea5e48_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/marmarc& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Margarita Mar&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic3.zhimg.com/v2-ccd46775ece_b.jpg& data-rawwidth=&1320& data-rawheight=&906& class=&origin_image zh-lightbox-thumb& width=&1320& data-original=&https://pic3.zhimg.com/v2-ccd46775ece_r.jpg&&&/figure&&br&&h2&&b&12.中立空间和网格使用的创新&/b&&/h2&&p&在前几年，网页设计已经适应了有组织的栏和网格，但在2016年，我们看到了向不规则层和超现代设计的相当大的转变。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ffad2dc41ffe4d4a41c8e_b.jpg& data-rawwidth=&1031& data-rawheight=&1048& class=&origin_image zh-lightbox-thumb& width=&1031& data-original=&https://pic4.zhimg.com/v2-ffad2dc41ffe4d4a41c8e_r.jpg&&&/figure&&br&&h2&&b&13.讲故事&/b&&/h2&&p&网站开始利用讲故事，说服客户留在网页上。比起阅读简单的信息，人们更倾向于在阅读故事时停留。&/p&&br&&h2&&b&14.延迟加载&/b&&/h2&&p&延迟图片的加载，让信息在需要的时候出现&/p&&figure&&img src=&https://pic2.zhimg.com/v2-5a3071cfc9d_b.jpg& data-rawwidth=&767& data-rawheight=&340& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&https://pic2.zhimg.com/v2-5a3071cfc9d_r.jpg&&&/figure&&br&&h2&&b&15.分隔内容&/b&&/h2&&p&分隔内容在响应式网页设计中变得流行，它将屏幕分隔为两个或更多个部分。分屏网站将在单个页面上向访问者显示若干相同重要的消息。这个趋势自 2015 年末以来呈上升状态，2017 年它将进一步增长，很可能在许多网站上遇到。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-04d1d0bc83f1c6211adc8c_b.jpg& data-rawwidth=&1920& data-rawheight=&963& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic1.zhimg.com/v2-04d1d0bc83f1c6211adc8c_r.jpg&&&/figure&&br&&h2&&b&16.全屏表单&/b&&/h2&&p&无需转到另一个页面填写表单，因为新网站配备了适应全屏格式的响应式设计的。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-10faae71f1b32ef109700_b.jpg& data-rawwidth=&1320& data-rawheight=&347& class=&origin_image zh-lightbox-thumb& width=&1320& data-original=&https://pic2.zhimg.com/v2-10faae71f1b32ef109700_r.jpg&&&/figure&&br&&h2&&b&17.视频无处不在&/b&&/h2&&p&视频内容在去年有所增加，人们要求高质量的视频讲述故事。在网站上显示的视频可以很短，并循环播放，展示一个产品或大型电影项目，这将保持访问者对这个故事感兴趣。&br&&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-da4d4baebfbcc_b.jpg& data-rawwidth=&980& data-rawheight=&552& class=&origin_image zh-lightbox-thumb& width=&980& data-original=&https://pic3.zhimg.com/v2-da4d4baebfbcc_r.jpg&&&/figure&&i&点击图片「查看原图」Gif动起来↑&/i&&/p&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Hillsong& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hillsong&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/RuslanSiiz& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ruslan Siiz&/a&&/i&&/blockquote&&br&&h2&&b&18.SEO 的重要性&/b&&/h2&&p&搜索引擎优化在一个网站是非常重要的，一个没有 SEO 的漂亮的网站可能无人问津。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-aa4f749ad28_b.jpg& data-rawwidth=&1320& data-rawheight=&591& class=&origin_image zh-lightbox-thumb& width=&1320& data-original=&https://pic1.zhimg.com/v2-aa4f749ad28_r.jpg&&&/figure&&br&&h2&&b&19.隐藏菜单&/b&&/h2&&p&汉堡菜单引发了很多争议，因为用户很难找到菜单。但有一点确认的是，这种趋势保留了下来，相信最终用户会习惯它。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-925ac8e12fafc5c96fd1_b.jpg& data-rawwidth=&725& data-rawheight=&318& class=&origin_image zh-lightbox-thumb& width=&725& data-original=&https://pic1.zhimg.com/v2-925ac8e12fafc5c96fd1_r.jpg&&&/figure&&br&&h2&&b&20.微小的设计细节&/b&&/h2&&p&今年的重点是细节，例如导航上的圆点提示和角落图标。专注于小细节，让作品更出众。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-91e57d5d656dd44cae905fa58c1f78e5_b.jpg& data-rawwidth=&1005& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&1005& data-original=&https://pic4.zhimg.com/v2-91e57d5d656dd44cae905fa58c1f78e5_r.jpg&&&/figure&&blockquote&&i&项目: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/gallery//Barometa-Next-generation-Job-Platform& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Barometa - Next-generation Job Platform&/a&&/i&&br&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/netguru& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Netguru Team&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/pachytel& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&?ukasz Pachytel&/a&&/i&&/blockquote&&br&&figure&&img src=&https://pic4.zhimg.com/v2-10cbe98cb_b.jpg& data-rawwidth=&1031& data-rawheight=&572& class=&origin_image zh-lightbox-thumb& width=&1031& data-original=&https://pic4.zhimg.com/v2-10cbe98cb_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Zhenchur& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Konstantin Zhenchur&/a&&/i&&/blockquote&&br&&h2&&b&21.Logo 设计趋势&/b&&/h2&&p&&b&21.1.极简主义&/b&&br&&/p&&p&随着所有大品牌趋向简单、简约的设计，这种趋势将在这里停留。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-36da215b7885fbfb75ee833_b.jpg& data-rawwidth=&1366& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/v2-36da215b7885fbfb75ee833_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/MingoIdeasUp& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mingo Ideas Up&/a&&/i&&/blockquote&&br&&p&&b&21.2.手绘&/b&&/p&&p&这是近几年来备受关注的趋势，它非常适合“时髦”的企业。这种风格适用于咖啡馆、餐馆、理发店或是艺术和工艺品。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c683be4cece24ef91c556_b.jpg& data-rawwidth=&1366& data-rawheight=&633& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/v2-c683be4cece24ef91c556_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/healyco& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sam Healy&/a&&/i&&/blockquote&&br&&p&&b&21.3.负空间&/b&&/p&&p&这是一个老的趋势，但在过去几年，我们看到它再次出现，它会在 2017 年增长，所以它绝对值得关注。&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-26d453bbbe5ce4e1c07c1ab_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/v2-26d453bbbe5ce4e1c07c1ab_r.jpg&&&/figure&&br&&p&&b&21.4.裁剪&/b&&/p&&p&这个趋势是最小的，就像它所提供的信息，仅够人们脑补出这个标志是什么意思。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-56fede6fddbf493a40ab2_b.jpg& data-rawwidth=&1366& data-rawheight=&582& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic3.zhimg.com/v2-56fede6fddbf493a40ab2_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/aleksandrmaksimov& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Aleksandr Maksimov&/a&&/i&&/blockquote&&br&&p&&b&21.5.几何&/b&&/p&&p&这个趋势相当的 old-school，它也许是永远不会死的样式之一。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c31da567d4fea672da6a44d6242cbcea_b.jpg& data-rawwidth=&1366& data-rawheight=&591& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/v2-c31da567d4fea672da6a44d6242cbcea_r.jpg&&&/figure&&i&&blockquote&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/MingoIdeasUp& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mingo Ideas Up&/a&&/blockquote&&/i&&br&&p&&b&21.6.线条艺术&/b&&/p&&p&这种趋势在新潮和现代的企业中很受欢迎。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-b26bd505c5cd8fda53fbc_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic4.zhimg.com/v2-b26bd505c5cd8fda53fbc_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/healyco& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sam Healy&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/andrea_schlaffer& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Andrea Schlaffer&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/Janiczak& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Jacek Janiczak&/a&&/i&&/blockquote&&br&&p&&b&21.7.图案&/b&&/p&&p&图案是一个新的趋势，这种独特的方式使一个企业脱颖而出。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c935aed80adb4b0b590255d_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/v2-c935aed80adb4b0b590255d_r.jpg&&&/figure&&blockquote&&i&作者: &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/NickEdlin& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Nick Edlin&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/stanaleynikov& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Stanislav Aleynikov&/a&; &a href=&https://link.zhihu.com/?target=https%3A//www.behance.net/lucasgilturner& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Lucas Gil-Turner&/a&&/i&&/blockquote&&br&&p&&b&21.8.动画标志&/b&&/p&&p&动画设计是今年的一个巨大趋势，我们可以在所有设计领域找到它。&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-c}
我要回帖
更多关于 yy登陆首页登录 的文章
更多推荐
- ·17hfcn汉风西游官网 妖魔加点两速两血吗？哪个是速哪个是血？
- ·死亡空间重制版无重力篮球怎么玩-无重力篮球小单机游戏篮球玩法攻略
- ·DNPDL7A00DYG这个iphone序列号D开头的苹果12是哪产的？
- ·如何在一篇word文档中实现设置奇数页眉和偶数页眉页眉，偶数
- ·模拟人生4母株附身怎么办系列游戏哪代有附身情节呀全集恳请各位大家告诉好吗
- ·网络的优德 w88优德中文优德w88官方网站登录?
- ·究竟是wwW为什么不能dd11dd台湾妹中文网aa联接了,是不是还友dd11dd台湾妹中文网aa其他的进入com网占的方法
- ·老是等不上wwW65jjj的js返回上级页面并刷新了，不能显示65jjjcOm了怎么办
- ·究竟是wwW为什么不能995QQetf联接基金了,是不是还友995QQ其他的进入com网占的方法
- ·究竟是wwW为什么不能809t联接基金了,是不是还友809t其他的进入com网占的方法
- ·老是lol设置皮肤出现错误wwWhhh620联结错误，真的被彻底的hhh620CoM屏闭了吗
- ·为什么很多网易游戏都给b站代理服务器
- ·土猫网新手镯提升怎么样
- ·这个斗地主残局24关怎么过怎么打
- ·究竟是wwW为什么不能648x联接基金了,是不是还友648x其他的进入com的方法?
- ·你们的锁你锁心下载法术具体是怎么做的
- ·吗化生寺坐骑选马还是羊3坐骑就可以了
- ·ps4最新vr游戏戏有哪些
- ·炫舞时代游戏大厅版的游戏测评有吗
- ·究竟是wwW为什么不能13xpxp.com联接了,是不是还友13xpxp.com其他的进入com网占的方法
- ·老是出现468网页yy登陆陆不上的情况了，找不到目前可以wwW468yycOm收视的站呢
- ·老是真相呈现技术wwWhhh620连合不对，真的被彻底的hhh620CoM屏闭了吗
- ·JS私人工作室怎么开私人订制工作室样，好不好的默认点评
- ·究竟是wwW99ff8什么照成的,形容不可能的成语以后再也99ff8com不能打开了
- ·新版刀妹r小兵不可以原地放e然后q残血兵再e身后么
- ·登山杖品牌排行榜有品牌吗
- ·武术问答：习武对饮食有何特殊要求
- ·究竟是dy.haoa08.com什么原因,备用wwWdy.haoa08.comcom地是什么
- ·老是吥名白wwWdd245例假前几天白带增多还是,挺怔长的dd245COm怎么突然不形了?
- ·究静是怎么wwWxp1024回事,询不到xp1024com的入口了
- ·浏览器泛域名自动跳转到wwww.2345.COM/?KJ35!!!
- ·究静是怎么wwWww.hhh998.com回事啊,宗是找不到ww.hhh998.comcom的辛地止
- ·google浏览器连不上网wwWhhh288的住页呢，听说以经hhh288cOm梗换入口了
- ·究静是怎么wwWdodorr豆豆去影音先锋回事,询不到dodorr豆豆去影音先锋com的入口了
- ·chrome浏览器连不上网wwW235bobo的住页，听说以经235bobocOm梗换入口了
- ·究静是怎么wwW583aa回事，询不到583aacom的入口了
