…

[译]UI设计基础(UI Design Basics)--导航(Navigation)(六)…

C4C UI上UI元素的显示和隐藏可以通过Key User在Adaptation模式里通过编辑一些简单的rule去控制,诸如这种格式: if ( logic expression = true ) then display the UI element else hide the UI element endif 这样就不需要由Partner去做二次开发实现了. 这整套逻辑的工作原理在我的博客How to change UI element visibility dynamically via…

UI Design & App & Free Icons icons8 https://icons8.com https://icons8.com/ouch Ouch可以帮助那些不进行绘图的创作者克服缺乏高质量图像的问题.免费下载来自顶级Dribbble艺术家的PNG与SVG插图,以提升您的产品品质. free plan: Limited formats in lower resolution and offline app. Please link to Icons8 on each p…

2.3  自动适配与布局(Adaptivity and Layout) 2.3.1  开发成自动适配(Build In Adaptivity) 用户通常希望在自己的所有设备,各种场景中使用他们喜欢的app.比如不同设备的不同方向以及在iPad上的分屏.尺寸类型(Size Classes)和自动布局(Auto Layout)可以通过定义屏幕的布局,视图控制器以及视图在屏幕显示环境变化时该如何适配帮你实现这个愿望.(这里的“显示环境”可以是整个屏幕也可以是屏幕中的一部分,如弹出框里面的部分或iPad…

2.1 为iOS设计(Design for iOS) iOS体现以下主题: 遵从:UI帮助用户理解界面内容并与内容交互,但绝不会与内容相互冲突. 清晰:文本在任何尺寸下都是清晰易读,图标精确易懂,装饰微妙恰当,并且更加注重功能驱动设计. 深度:可视的层次与真实的动态效果时刻传递着活力并能够提高用户体验. 无论你是重新设计一款App还是开发一个全新的,考虑以下面的方式完成工作: 首先,回顾过去app核心功能的UI,并找到(确定)它们之间的联系. 其次,直接使用iOS的系统主题展示UI设计以及用户体…

Ref:直接拿来用!10款实用Android UI工具 Ref:Android UI设计资源 Ref:Android酷炫实用的开源框架(UI框架) Ref:Android UI 组件 Ref:Android Design Ref:21个免费的UI界面设计工具.资源及网站 Ref:http://www.bypeople.com/android/…

转载自-Apple 官网,感觉不错,记录之 (https://developer.apple.com/design/tips/) Some useful design tips about IOS. Make it easy for people to interact with content and controls by giving each interactive element ample spacing. Give tappable controls a hit target of…

Master's conclusion: 1. fix a color pattern 2. fix the frames the UI will use 3. fix the subject that you want to present 4. fix the content that you want to show5. properly layout it! caution: color types should be less, and use the contrast concept…

2.4  启动与停止(Starting and Stopping) 2.4.1  立即启动(Start Instantly) 通常来讲,用户不会花超过两分钟的时候去评价一个新的应用.在这段有限的时间里立即展示给用户有用的内容时,你就能激起新用户的兴趣,同时也可以给所用用户带来非常好的体验. 重要:不要在应用安装结束后让用户重启设备.重启设备费时,还会让用户觉得你的应用看起来不可靠并且很难用. 如果你的应用有内存使用或者其他问题,导致不重启很难运行的话,你必须先声明这些问题.想要了解如何开发一款性…

2.1  iOS应用解析(iOS App Anatomy) 几乎所有的iOS应用都会用到UIKit框架中的组件.了解这些基础组件的名称,角色,功能可以帮你在应用界面设计时做出更好的决策. UIKit提供的界面元素大概可以分为以下四大类: 栏(Bar):栏包含可以告诉用户目前位置的上下文信息,以及帮助用户导航和操作的控件. 内容视图(Content views):内容视图包含app相应的内容以及视图上的一些操作,如:滚动,插入,删除,排序等. 控件(Controls):控件执行一些操作或者显示信息…

aws-mobile-react-native-starter 官方的例子,当然要摸一次. 代码要跑起来:aws-samples/aws-mobile-react-native-starter 教程:Announcing: React Native Starter Project with One-Click AWS Deployment and Serverless Infrastructure Ref: One-Click React Native Starter Project Now o…

在Cloud Application Studio里新建一个Code List Data Type: 维护Value和描述信息,以及在ABSL里使用的constant值. 保存之后,上述维护的信息会存储到一个名为.codelist 的文件里.激活之后,这个新建的数据类型就可以用于定义extension field(扩展字段)的类型了. 在下图,我定义了一个新的extension field,类型为前一步创建的code list: 将这个扩展字段暴露到UI上: 最后运行时外观如下: 要获取更多Je…

http://www.uxpin.com/web-design-patterns.html?utm_source=Interaction%20Design%20Best%20Practices%20V1&utm_medium=ebook&utm_campaign=Interaction%20Design%20Best%20Practices%20V1…

本文是从国外一个网上看到的效果.感觉非常不错.就简化了一下代码.拿来用了,先看下效果图: 效果还是非常不错的,以下让我们看看是如何实现的: 看看文字来源,非常easy,是一个数组: <?xml version="1.0" encoding="utf-8"? > <resources> <string-array name="list_content"> <item>If I could save t…

今天的文章仍然来自Jerry的老同事,SAP成都研究院的张航(Zhang Harry).关于他的背景介绍,请参考张航之前的文章:SAP成都研究院飞机哥:程序猿和飞机的不解之缘.下面是他的正文. 大家好,我是来自SAP成都研究院C4C开发团队的Harry. 今天给大家带来一个SAP C4C中国本地化的案例分享,这是我们成都C4C开发团队目前正在进行中的一个具有前瞻性的原型开发:通过C4C.微信.和基于Recast.AI的聊天机器人进行集成, 提升C4C的工单处理能力.  这个原型开发之前我也在SA…

今天的文章来自Wu David,SAP成都研究院C4C开发团队的架构师,在加入团队之前曾经在SAP上海研究院工作,组内同事习惯亲切地称呼他为大卫哥. 大卫哥身高据Jerry目测有1米8以上,是成都C4C开发团队身高最高的几位男同事之一.身体非常结实,是成都SAP篮球队的成员之一.有一次大卫哥坐在自己座位上,一手撑在桌子上认真地看着向他求助的同事电脑上打印的日志,飞机哥张航拍了一张大卫哥的背影,评价道:"从照片里看出了大卫哥发达的背阔肌." 飞机哥张航后来完成了一幅素描,下图左边正在沉思…

大家好,今天的文章来自我的同事,Yang Joey. 2017年7月,SAP成都研究院C4C开发团队刚刚建立.某个周一早晨的Scrum meeting,新出现一位眉清目秀的小伙子,向大家自我介绍:"大家好,我叫杨xiao". 我一听,哇塞,和明教光明左使杨逍同名.对于八零后武侠爱好者来说,94版倚天屠龙记中孙兴饰演的杨左使潇洒飘逸,孤傲自负且颜值爆表.连金庸看了之后都评价"孙兴的杨逍源于原著,但胜于原著".相信杨逍是很多少女的梦中情人. 杨逍年轻时的武功,金庸通过灭…

Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. 今天这里收集的免费资源是25套免费的 Web UI 设计的 PSD 界面元素,用于 Web 和 Mobile App 设计.它包括所有的设计元素的 PSD 格式,某些元素提供矢量格式,可以缩放到任意大小. 您可能感兴趣的相关文章 32套精美的免费 PSD 网页界面设计素材 22个完美设计的 PSD…

User Stories Android UI Design 附加资源 User Stories: @.通过写故事来设计应用. @.每个故事只关注一件事. @.不同的故事可能使用相同的组件,因此尽早地对故事进行分类. @.把目标用户构想到故事里,描述他们的基本特征,会在什么时候.什么地点使用该应用等信息,因此来确定故事的优先级. Android UI Design: @.构思应用需要展示的界面及内容,不需要详细的界面设计. @.确定各界面的跳转关系. @.用户界面原型设计,可通过工具进行,比如A…

Images and themes Nine-patch Colors Holo themes Naming conventions Naming conventions for drawables Naming conventions for icon assets Naming conventions for selector states Organizing drawables to directories Resources Graphic generators Useful link…

摘要:用户界面设计在持续的基础上不断成长和演变.要跟上时代,你需要关注趋势.新资源和正被实施和谈论的新技术. 导读:用户界面设计在持续的基础上不断成长和演变.要跟上时代,你需要关注趋势.新资源和正被实施和谈论的新技术.同时,你也要亲身尝试,并提出原创的见解和应用.下面列举的这些工具能帮你做到这些.尽情分享下面这些我找到的注释出的资源中你认为有用的部分. 看看这些其他人已经想出的对一般用户界面挑战的解决方案,它不仅能帮助你找到正确的现有解决方案,还能作为你提出新的和原创的东西的基础. 一个在线文字…

这两天跟着班级辅导,总有学生感到很疑惑,用ui designer设计出来的ui文件是如何使用的,下面我从一个例子来说明下,希望能对有这样疑惑的同学有帮助. 事实上,现在有了继承设计工具qtcreator,作为开发者再也不用考虑这个问题,因为当你用qtcreator创建一个工程的时候,qtcreator提供的框架已经替我们完成了这个任务. 咱们先从这个程序开始看: 新建一个工程, 在这个工程中用ui designer来设计了这样的一个界面 这是我按ctrl+alt+r运行出来的,如何使这个利用ui…

2017已经接近尾声,在这一年中,设计领域发生了诸多变化.也是时候对2017年做一个总结,本文主要是从2017设计文章入手,列出了个人认为2017设计行业里最重要的UI/UX文章的前11名,供大家参考阅读. 5篇最佳的UX设计文章 1.The Biggest UX Design Trends of 2017(Adobe) 作者: Nick Babich 发布日期:15/12, 2017 阅读时间:7分钟 设计是定义产品成功的关键要素之一, 无论是产品的外观还是人们使用它的方式,设计就是一切.每年…

陈子木 iOS7 的用户界面设计比以往更卓越,并为用户提供了更具吸引力的独特体验,带来更大的机遇.在正式写代码之前,认真考虑UI设计是否符合这十条设计准则,可以提高App的可用性与吸引力.如果要更深入了解iOS7的设计,你可以阅读苹果官方的iOS人机界面指南(英文版),或者下载知乎用户翻译的中文版iOS7人机界面设计指南. 相关文章:经验分享:IOS平台设计规范深度解析!打造IOS7设计风格的诀窍巨人之争!IOS7和ANDROID4.4奇巧巧克力 iOS7的10大设计准则涵盖了UI设计的交互性.…

用designer设计的*.ui文件可以通过uic工具转换为*.h文件(在编译时也会自动生成这样一个ui_*.h文件),有了这个.h文件就可以直接按照纯C++的方式对其中的类进行调用.ui文件的使用就是利用默认工具uic自动产生一个类,然后用该类的setui函数加载界面到相应的对象上.       .ui文件的使用有三种形式:第一种是直接使用,第二种是定义一个新类,声明一个ui子对象,利用该对象来加载界面,第三种是将ui作为基类派生新的类. 借用一个例程分析如下: 工程及界面          …

今天的文章来自SAP成都一位实习生,曾经和Jerry同在C4C成都开发团队一起工作过.在Sunshine最后一个工作日里,Jerry和Sunshine一起吃饭的时候,她曾经聊到接下来的保研打算和将来工作的努力方向.一位大三的学生,对于自己的将来有如此清晰和长远的规划,这让Jerry佩服不已. 而在结束了SAP成都研究院的实习后不久,Sunshine就实现了她个人规划的第一步,也就是即将在这篇文章里给大家分享的她的保研历程.Jerry在这里预祝Sunshine将来的硕士学习生活能和当初在SAP成都…

如果您对SAP S/4HANA for Customer Management(以下简称S4CRM)和SAP Cloud for Customer(以下简称C4C)不甚熟悉,那我建议您可以先浏览我之前写的这两篇微信公众号文章. SAP的这三款CRM解决方案,您能区分清楚么 Hello World, S/4HANA for Customer Management 1.0 发布了这两篇文章之后,我在后台收到很多朋友的留言,询问S4CRM和C4C相比较的各种问题.因此我写了这篇文章,统一作答. Jer…

Angular 我们在Angular框架的代码里能看到一个名为processQueue的函数: 这个函数是通过$scope.$apply启动的: 核心代码位于一个for循环里,循环体是一个存储异步处理任务的队列asyncQueuePosition: for (var asyncQueuePosition = 0; asyncQueuePosition < asyncQueue.length; asyncQueuePosition++) { try { asyncTask = asyncQueue…

Aura (obsolete) This document is still good for a high level overview, with contact information, but many technical details are now obsolete; see the main Aura index for more details.   Project Goals   The goal is to produce a new desktop window mana…