zoukankan      html  css  js  c++  java
  • UI设计网站内容大分类

    对于初学UI设计或者交互设计的设计师,有很多知识来源于网络资源的共享,有的选择了一些UI设计培训机构学习基础,有的选择了在各大网站上吸取知识,然而万变不离其宗,无论从哪里学习过来的东西,吸取到才是自己的东西,在交互设计中,我们需要清楚知道不同网站的不同特点与优势。

    一、作品展示网站

    ui设计 


    1.站酷  http://www.zcool.com.cn/

    里面覆盖了很多作品,网页,APP等相当不错的作品,也有很多优秀包含广泛内容的文章。

    2.UI中国  http://www.ui.cn/

    从名字可以看出,UI中国的作品主要以UI为主,移动APP、手机主题、icon等等。同时里面也有许多学习专题,里面有小编收集好的文章,方便大家学习。

    3.Dribbble https://dribbble.com/

    国外顶尖的设计社区,汇集全世界顶尖的设计师的作品,作品覆盖各个领域,icon、APP、网页等等。是学习和临摹的好去处。

    4.Behance https://www.behance.net/(国外)

    同样是国外的顶尖设计交流社区,作品也是覆盖各个领域。网站有中文,方便英语不好的同学。(不过我得插一句,设计师懂英语,会让你学得更快,更多!)如果要研究作品或是学习,我的建议是多浏览Behance,而不是dribbble。就拿APP设计来说,dribbble上大多数是单页或是还在创作中的作品,并不完整。而Behance上的大多数是完整的作品,一些作品里还展示了设计过程,有些还会有文字描述(当然是英文的),如设计师是怎么思考的,如何设计出这个作品的。这比从单页作品里学到的东西更多。

    5.APP  Design Served http://www.appdesignserved.co/(国外)

    Behance旗下的一个网站,里面是精挑细选出来的关于APP的设计作品。人家都帮你选好了,从这些优秀的作品中学习吧!




    二、综合类网站

    这类网站的内容很广泛,有图文教程、素材下载、经验文章等等。

    1.优设网 http://www.uisdc.com/

    每天必看,网站内容含了WEB/平面/APP设计等等,有图文教程、打包素材下载、经验文章。我特别喜欢网站里分享的文章,有关于交互设计的,关于如何自学设计的,也有设计前辈们的奋斗史。总之,这是一个收藏夹里必定有的网站。

    2.学UI网 http://www.uisdc.com/

    学UI网主要集中在WEB、APP这一块,内容也涉及教程、素材、文章之类的。也是每天必看的网站,这里特别推荐一些网站里的APP截图包http://www.xueui.cn/design/app-screenshot,截止到目前为止,一共有53个APP的截图包,包括iOS和Android的主流分辨率。

    3.设计达人 http://www.shejidaren.com/

    同优设网,主要原创和手工收集国内外高质量网页设计文章、优秀设计素材,内容以高质量为主。

    4.25学堂 http://www.25xt.com/

    “专注移动APP设计、APP产品和APP创业”。网站的内容都是与APP有关。

    5.趣达学院 http://www.qduck.cn/





    三、规范类

    1.Android规范

    为了区别于iOS APP,Google发布了Material Design。这种设计风格包含网页和APP。所以,如果是要设计Android风格的应用,就必须学习Material Design的设计规范

    官方网站 http://www.google.com/design/spe ... n/introduction.html

    中文翻译 http://wiki.jikexueyuan.com/proj ... 218c51bbb2c1d7f8705

    官方网站在九月更新了一些内容,而中文翻译只翻译到了7月份。所以,最好是中英文对照看。这里再次强调一下英语的重要性,如果你英语稍微好一些,就可以比那些等中文翻译的人懂得多一些,当那些人在看中文翻译的时候,你可能早就利用获取到的信息进行设计了。

    最后,也要感谢翻译的团队,谢谢他们无私地奉献!

    2.iOS规范

    官方网站:https://developer.apple.com/libr ... nceptual/mobilehig/

    中文翻译:由于iOS的中文翻译有很多,大家可以自行寻找。同样地,建议中英文对照看。





    四、资讯文章

    1.Medium https://medium.com/(国外)

    类似一个博客网站,里面有许多优质的内容,当然也少不了关于设计的分享。关注关键词,就可以找到一些相关文章。不得不说,不会英语真的很吃亏啊!

    2.UX Magazine http://uxmag.com/(国外)

    uxmag提供了许多关于用户体验的资源,大家可以自行探索。

    3.UX Booth http://www.uxbooth.com(国外)

    用户体验、交互设计师的交流社区

    手绘



    五、收集灵感

    1.Pinterest http://www.pinterest.com/

    你也许知道花瓣,但我更建议你使用Pinterest。首先,Pinterest上的内容更丰富,这是你用花瓣可能转来转去都是国内的,而且质量可能不怎么高。而Pinterest上的内容质量则就高多了,只要关注几个优质的画板,你就可以源源不断地吸取国外优秀的设计,拿来为自己所用。当然为了更好地体验Pinterest,还是得学会“科学上网”。因为有的采集可能因为各种各样的原因访问不了,所以还是备好梯子吧!

    2.花瓣 http://huaban.com/

    不多说,你懂的。但我要吐槽的是,花瓣Android客户端真的很久,很久,很久没更新了!而且很难用。隔壁iPhone客户端都更新了,哎......

    3.Tumblr http://www.tumblr.com/(国外)

    汤不热,你懂的。轻博客网站,善用关键词。

    4.Pttrns http://pttrns.com/(国外)

    移动应用截图网站。有iPhone、iPad、Android,甚至连Apple Watch都有。

    5.Capptivate http://capptivate.co/(国外)

    动效展示网站。还有iPhone客户端,随时随地浏览优秀的动效设计。

    6.AppreciateUI http://www.appreciateui.com(国外)

    移动应用截图展示网站,有icon和界面。iPhone客户端要12软妹币!

    7.Signa http://www.signa.li/(国外)

    想要设计Android味儿的应用,来这个网站就没错了。网站内容里关于Android应用、icon、动效的设计。设计风格当然是Material Design了。

    8.Materialup http://www.materialup.com/(国外)

    同Signa,想研究如何设计一款漂亮地,符合Android味儿的应用,从这两个网站汲取灵感就够了。

    9.iOSup http://www.ios.uplabs.io/(国外)

    与materialup是同一个团队的杰作。上面收集了关于iOS与Mac的优秀设计,icon,APP,动效等等,应有尽有。还有免费/收费的素材下载,感觉像发现了宝藏一样有木有。iOSup是之后才上线的,我也是最近才看到。

    10.awwards http://www.awwwards.com/(国外)

    网页设计的优秀的网站,学习APP设计的同时也要看看其他领域优秀的设计,这样才不会让自己变得狭隘。





    六、问答类

    1.Quora https://www.quora.com/

    2.知乎 http://www.zhihu.com/

    这些网站的东西很多都是用来总结参考,毕竟是别人总结出来的东西,从中吸取到东西才是最重要的。

    下面是和UI设计培训相关的文章--移动界面UI颜色设计:http://www.qduck.cn/forum.php?mod=viewthread&tid=16854
    每天对自己多一点点的UI设计培训,每天就增加多一点点的经验。
    更多的UI设计培训在趣达;交互设计培训,网页设计培训,平面设计培训等等着你。

    ui设计

  • 相关阅读:
    在Docker中安装JDK
    在Docker中安装Zookeeper以及集群环境搭建
    Druid连接池加密
    在Docker中安装Nginx
    Docker镜像、容器、仓库的介绍
    记一次 oracle 流复制 传播进程故障
    今天遭遇 cannot restore segment prot after reloc:Permission denied
    记一次由raid换盘引起的message记录
    今晚测试了下微信的摇一摇传图
    遭遇linux 异常掉电后 文件系统只读
  • 原文地址:https://www.cnblogs.com/qudaxueyuan/p/4899015.html
Copyright © 2011-2022 走看看