APP「平行世界」 设计稿

   我是产品转做设计,期间没少来UI.cn来学习。

  感谢各位前辈的分享,受益匪浅。

  现在第一版已经上线,其中一些经验分享给大家,也能给大家一些灵感。

  很多地方还非常粗糙...

  因此,召唤专业交互设计师加入拯救…(坐标北京闹锣鼓巷附近的四合院)

  bin@llspace.com

  App设计思路:

  1、努力体现出人->人的直接联系,而非人->app->人。

  2、创作与探索两大功能以一种渐进方式进行联系。(就像建筑中室内室外空间需要入口进行过渡)

  3、可扩展性的UI设计

  这其中最大的痛苦就是采用非标准交互带来问题。比如

  1、横向滚动导致内容密度低

  2、横向滚动与进入下一级目录的动效过于相似

  3、探索流和订阅流的矛盾关系

  4、近似色如何表现出合理的层级质感

  以下正文

  注册页:选用城市的黑白照片配黄色按钮(阴沉世界中的光...)


  主页:当初的老大难问题,用于探索与创作两个页面见的切换。


  被淘汰的主页方案们


  Profile页


  纠结的卡包:在paper 53中发现自定义封面的功能很爽,但麻烦的是这个卡包需要别人也能看到。所以需要显示标题、状态、内部卡片数,所以怎么拜访并且还能好看,就比较纠结了。


  ICON:ios8的扁平风格(其实是画不出复杂的矢量图...)


  空隙时间做的一套黄历签


  最后奉上元祖版本… 为了实现这个,真是夸过了很多坑。(大鱼海棠今年终于上了...唉)

时间: 2024-10-14 20:27:21

APP「平行世界」 设计稿的相关文章

你的设计应该「所见即所得」

本文讲的是你的设计应该「所见即所得」, 几年前的一个夏天,我有机会住在旧金山里同一栋楼不同单元的两个 Loft 公寓中. 由于这是同一栋楼,所以你可能会想这两个单元应该是相似的.的确,它们都有1000平方英尺的面积,墙壁上全是巨大的格子窗户,使得阳光和温度能倾泻到屋子里(住在屋子里就像我的故乡德克萨斯州一样,正午阳光与地面的角度有90度).它们的屋子一角都有厨房,还有金属楼梯延伸到二楼的开放式卧室,以及那个烦人的中空门. 最大的不同就是我们待的第一个公寓是在高层,而第二个公寓是在底层.为何这会差

【知乎热点】如何评价「伟大的安妮」推出的 App「快看漫画」?

[知乎热点]如何评价「伟大的安妮」推出的 App「快看漫画」? 时间:2014-12-18 16:04 来源:知乎 作者:知乎 21136.html">导读: 最近伟大的安妮和他的APP非常火爆,也引起网络的一番热议.知乎上也有很多网友就这事发表了不同的看法,故此"互联网的一些事"整理了以下热点文章给 各位~ 原文地址:http://www.zhihu.com/question/27063206 知乎网友问题: 今天微博上看到伟大的安妮发的一个漫画推广她的应用,受到了很

一款APP从设计稿到切图过程全方位揭秘

  我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不同,流程不尽相同,但是终究还是能有些帮助. 依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用.另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~ 这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱,我整理好以后再说吧. 页面篇幅比较长,

为何不要用「h5」这个简称?

  最近发现好多人喜欢将 HTML5 说成 h5,甚至是代指移动端的 Web Page 或者 Web App.虽然说起来朗朗上口,但是小编真的不建议这样来使用. 小编很早之前做过一个关于「h5 这个说法你的感受」的调查,总共有 552 位粉丝参与,最终结果是:有 16.7% 的人认为「很好」,37.5% 的认为「无所谓」,有 45.8% 的人认为「不喜欢」.那究竟为什么会有那么多人不喜欢「h5」这个简称呢? 「h5」这个简称非常不专业,容易造成误导. 与 JavaScript 被简称为「JS」不

对初阶体验设计师「影响力」构建的浅思

  国内一些刚刚从业.甚至已经从业好几年的用户体验设计师,在做了一段时间设计后,会或多或少产生一些困惑:自己似乎缺少足够的话语权和影响力,总是被产品经理和技术团队牵着鼻子走;花大量时间做一些技术含量不高的「体力活」,却又得不到对等的回报;产品上线了成功了,大家都觉得是产品经理或者技术团队的功劳(尤其是一些UI存在感不强甚至没有UI的产品),而有些忽视UED在背后的付出--于是很多渴望有更多「影响力」的设计师,最终纷纷选择转为产品经理,虽然有一些人在新的岗位做得很棒.让我心悦诚服,但我却从来不觉得

如何改进工作流让设计稿支持多个尺寸?

  最新的 Photoshop 是有跟 Sketch 一样的输出切图功能的(Generator),用 2x 的 PSD 输出 3x 的切图也可以.而且 Photoshop 配合 Slicy 输出切图比 Sketch 3 快捷很多. Sketch 相当棒,但目前(v3.1)还是有不少小问题,加上对中文支持不够好,在界面设计中还不能完全取代 Photoshop. 关于题目的问题,首先一份设计稿就不能适用于 iOS 各手机屏幕尺寸.以下是 Bjango 把目前各 iOS 手机屏幕还原为 1x 的对比图

一键分享SKETCH设计稿的EASY SHARE

  今天安利的这款Sketch插件超级棒,可以一键生成可在线预览的设计稿,再也不用创建一堆的暂存图片了,一个链接轻松搞定. 如今 Sketch 已经成为很多公司设计团队主力设计工具.特别是对于无线产品的设计师,Sketch 能让大家效率提升不少.可是在项目过程中设计稿预览一直是一件很讨厌的事情,它会让你桌面生成一堆的暂存图片,来往的邮件也会变得非常的繁琐. 为了尽量简化这些降低效率的操作,有人开发了一款名为「Easy Share」 的Sketch 插件.只需一次简单的点击就能帮你定制创建一个在线

20个简单易上手堪称「神器」的可视化工具

  国外的可视化行业发展得相当成熟,这催生了不少在线信息图表制作工具,介绍比较好用的几个,利用它们,五分钟你就可以做出一张超屌的信息图表: 1]infogr.am 这是较早的一个在线制作工具,亮点是支持实时数据刷新,而且制作的信息图表支持在多终端展示. 2]Venngage 这款工具的亮点是自带超多免费模板,超多的版式选择,配色潮流大胆. 3]Piktochart 跟上一款非常相似,但免费模板不够多~ 用多了你会发现,这些傻瓜型工具的功能都大同小异,他们唯一的区别就是:各有各骚气的模板,各有各屌

该叫「我的电脑」还是「你的电脑」?

本文讲的是该叫「我的电脑」还是「你的电脑」?, "我的电脑"的变化历程 还记得以前使用 Windows 系统时我的电脑的图标吗?这个经典的小图标表示你在这台电脑上拥有的所有文件,所有的项目.工作资料以及各种数据等等. 而微软将最新 Windows 系统中的这个图标更名为**"电脑"(Computer),然后又将之改成"本机"(This PC)**.这样的修改是否因为"我的"这个用法给人带来了理解的误导.语义的不协调或者是根本没