UI--界面练习汇总

作者: Sophia的博客 | 来源:发表于2017-01-07 10:15 被阅读315次

    每到年末,都会看到大家开始疯狂的展开对上一年的总结和对下一年工作和生活的展望,一片积极祥和的气氛。每当这个时候,我都觉的自己有点不合时宜,是年龄大了不合群了,还是温水煮青蛙的节奏把自己煮成了一锅温水。还是有必要总结一下,理清思路,以便更好的前进。

    界面练习一(临摹)
    iphone5_download_app_page.jpg

    一直在寻找第一幅UI(Pad)界面练习,如果没错的话应该是这一幅,在去年的九月底完成。已经有点像那么回事了。

    界面练习二(临摹)
    perchase_app_display.jpg

    这是一幅电商网站的导购和登录页面,还不能算是完整意义的临摹,其实是在站酷上找的教程 ,一步一步跟着做下来的。很感谢网上的这些分享经验的同学,让我受益匪浅。

    练习的重点:UI的构成要素,以及各要素间的排列、组合、对齐。

    界面练习三(临摹
    self_main_page.jpg

    紧接着的第二幅练习奉献给了我一直喜欢了若干年的乔妹,这才是真正意义的手机UI练习,教程也出自同一位同学的分享,感谢。

    练习重点:主要是元素的组合、色彩搭配(渐变色的运用),需要不断的找感觉。

    界面练习四(临摹)
    travel_app copy.jpg

    好像着了魔一样,这个是另一幅,根据15年最火的APP足迹临摹得来的,里面也有一点点自己的改进。到实际的应用中其实考验的就不单单是美术功底和软件使用技术了,其中交互方面的东西就显得更重要些了,怎么样好用,怎么样设计让用户用起来舒适、自然、流畅,是更需要考虑的问题。

    界面练习五(临摹)
    chat_app.jpg

    这其实算是一个demo,真正的APP做不到这么有层次感,效果这么的抓人眼球。因为APP主要是以内容为主,形式要服务于内容。这些漂亮的界面,在dribbble这样的网站随处可见,好看的不一定都是实用的。

    界面练习六(临摹)
    movie_app copy.jpg

    这也是一幅练习作品,很炫,很抓人眼球。

    界面练习七(临摹)
    weather.jpg 1.jpg 2.jpg 3.jpg

    这一幅作品在我看来,已经达到了当时我能够欣赏的巅峰了,😄😄......
    它已经足够给我营造出一种意境让我能猜测到内容的相关性,整个的设计浑然一体,精致的像一件艺术品。

    花了一晚上时间临摹下来的,很喜欢,创作者一定是有很深厚的艺术功底的。

    这些作品是16年9月底和10月份临摹的一些UI界面练习,总的思考和总结是:UI已经不是传统意义上的设计了,它更偏向于交互和用户体验,更加趋于理性而不是感性,需要更多用户交互层面上的理论知识和用户心理学的理论知识作指导,更趋于工程化系统化,也同样遵循互联网开发过程中的迭代演进。总之见仁见智,看个人的喜好了,不过这个岗位的薪水确实是蛮诱人的,喜欢的同学要加油哦。

    相关文章

      网友评论

      本文标题:UI--界面练习汇总

      本文链接:https://www.haomeiwen.com/subject/dpxfbttx.html