Mirror app - 个人名片设计

没啥技术含量,就是显示头像,名称,博客地址,还有**而已。。

 1 <article class="author">
 2   <header>
 3     <img src="http://pic.cnitblog.com/avatar/650333/20140713151456.png">
 4     <h1>@Ch3rry</h1>
 5     <h2>http://www.cnblogs.com/ch3rry/</h2>
 6   </header>
 7   <section>
 8     <p class="text-xx-large align-center">矫情小2B</p>
 9   </section>
10 </article>

效果图:

Mirror app - 个人名片设计,布布扣,bubuko.com

时间: 2024-08-03 20:21:08

Mirror app - 个人名片设计的相关文章

谷歌眼镜Mirror app开发之简单新闻浏览页面

Mirror app和Google glass其他APP一样,UI简洁很重要,所以我们需要设计一下怎么布局. 本人的布局如下: 有个绿色的标题,白色的简介还有蓝色的来源,布局很简单,代码如下 1 <article> 2 <img src="http://static.freebuf.com/2014/07/weixing-220x150.jpg" width="100%" height="100%"> 3 <div

15款优秀移动APP产品原型设计工具

一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 这些年,产品狗们折腾过的原型工具: 1. POP(Prototyping on

Android软硬整合设计与框架揭秘: HAL&amp;Framework &amp;Native Service &amp;App&amp;HTML5架构设计与实战开发

掌握Android从底层开发到框架整合技术到上层App开发及HTML5的全部技术: 一次彻底的Android架构.思想和实战技术的洗礼: 彻底掌握Andorid HAL.Android Runtime.Android Framework.Android Native Service.Android Binder.Android App.Android Testing.HTML5技术的源泉和精髓等核心技术,不仅仅是技术和代码本身,更重要的是背后的设计思想和商业哲学. 一.课程特色 l  贯通And

名片设计中的色块和色彩体现

名片的设计是一门独特的学问,掌握好基础就有利于设计的进一步实行,也有利于设计人员迈向品设计之路.名片设计关键还是要把握几个体现元素,根据名片的行情,总结了以下几个比较关键点: 一.色块的设计体现 名片设计首先要吸引对方的注意,只有是对方感兴趣了,才能使对方能集中注意力了解名片的内容.因此,名片饰框应不具备任何抵抗性,而以柔和线条为佳,进而诱导视线移到内部主题为主.对名片上的色块一定要有够深的认识,要知道色块可分为几何形与非几何形:通常,几何形的色城具有单纯.简洁.明快的感觉,但若其组合过於复杂时

第三届 “创意正能量” 华中地区移动 App 分析与设计大赛 参赛心得

第三届 “创意正能量” 华中地区移动 App 分析与设计大赛 参赛心得 在本次比赛中,我团队在初赛以相对靠后的排名进入复赛,并在以相对靠后的排名在复赛中落选,未能进入决赛. 未能进入决赛的结果是意料之中的.但综合排名整体的偏低必然反映比赛准备中的问题.这些问题,显然是在生活与提升过程中长期不利于取得优秀结果的不良习惯和行为导致的. 通过对比赛过程的分析,我做出以下总结.总结将尽量做到反映备赛事实,摒弃完全归因于客观因素的不良想法. 一.     功能重点不突出 “自”的功能亮点集中于“融合”,即

名片设计尺寸及名片设计的注意事项

一,稿件部分: 1.名片标准尺寸:90mmX54mm 90mmX50mm 90mmX45mm.但是加上出血上下左右各2mm,所以 制作尺寸必须设定为:94 x 58mm 94mmX54mm 94mmX48mm. 2.如果您的成品尺寸超出一张名片的大小,请注明您要的正确尺寸,上下左右也是各2mm的出血. 3.色彩模式应为 CMYK .影像档 350dpi 以上 4.稿件完成时不需画十字线及裁切线. 二,文字(数字)部分: 1.文案的编排应距离裁切线3mm以上,以免裁切时有文字被切到. 2.稿件确认

WebAPP与原生APP的交互设计区别

WebAPP与原生APP的交互设计区别 2015-01-23 16:09 编辑: pockry 分类:HTML5 来源:maye的博客 原生Appweb app WebAPP和原生APP同为移动端,很少有研究这两项的交互区别,最近公司做了一次从原生APP到WebAPP(HTML5)的移植,故总结一下期间遇到的问题及不同点总结. 从使用场景上,WebApp用户面临比APP用户更严峻的问题: 1.页面跳转更加费力,不稳定感更强 思考点:如何减少跳转(扁平结构.页面布局技巧),增加数据及展示的流畅流程

谷歌眼镜Mirror app简单MP3播放器界面

虽然我知道,Mirror是不可以播放音视频的 = =!,不过只是做个UI而已,有用的可以参考下-(背景:歌手|标题:歌名|中间:歌词[蓝色显示目前]|底部:时间[黄色显示播放时间]) 效果图: 代码: 1 <article> 2 <img src="http://img2.imgtn.bdimg.com/it/u=394713825,2736623939&fm=23&gp=0.jpg" width="100%"> 3 <

《App,这样设计才好卖》

<App,这样设计才好卖> 基本信息 作者: (日)池田拓司 译者: 陈筱烟 丛书名: 图灵交互设计丛书 出版社:人民邮电出版社 ISBN:9787115359438 上架时间:2014-7-1 出版日期:2014 年7月 开本:16开 页码:1 版次:1-1 所属分类:计算机 > 软件与程序设计 > 移动开发 > iPhone 更多关于>>> <App,这样设计才好卖>   编辑推荐 iOS/Android开发者必须熟记于心的UI设计模式 全彩