Posts filed under “杂谈”

一些设计思考

设计总是面临很多问题,当自己管着8~9人的团队,自己还要做很多一线工作,对内要向大家传达公司意见, 对外要向周围团队传达设计的必要性,争取到一点宽松的设计时间。 总会有这样那样的问题,功能大于设计吗?版本迭代时,有时候不给设计预估时间,原型画完没有明确 告知何时开始设计,然后会通知开发开会,随后开发就找设计要资源切片了。 回应总是:流程规范也不是那么重要,面对这些问题,争吵过很多次,但收效总是微弱。   在创业型公司和大公司不同,没有对流程的规范的认识,有什么办法能改善一下吗? 设计团队内部讨论了很多次,我起初打算做一个叫设计秘密的小栏目,通过邮件发给大家,让大家关注设计,理解设计里面很多复杂性 最后觉得发邮件大家不会看,团队成员们脑洞大开,开一个微信公众号,取一个有趣的名字,让大家关注我们,我们来发布一些文章。 于是,大家以为设计部门只是玩玩而已的时候,我们暗藏的新版本改进和模拟交互操作视频发出来了。 展示一下里面的内容,有删减   随后,果然收到一点效果,一些效果和想法,被收到6.5中,打算试试。   欢迎和我交流 我的微信: youmo778  (加我请备注:web) wechat:  youmo778  (please remark:web)

youmo778的blog搬家了

谁家咱家的备案总是搞不定呢,干脆换个空间,换个blog吧。 十分可惜的是,留言和评论都丢失了, 让我想想办法吧。看怎么能找回来

android 系统下的web设计经验谈(原创)

公司做的学习项目,优先移动设备访问的网站。主要面向的是android系统的的手机和学习机。说实话第一次做移动设备的界面设计。时间极为紧张。碰到了很多问题。 老实说也是摸索中前进,还好,我们人手还够,策划也走在前面。为我们解决问题赢取了时间。最后出来的界面,我个人并不满意,显得太过朴素。很多元素的设计也不考究。 但不管怎么说,也算是积累了宝贵的经验吧。我一一将这些经验记录下来。 1.图片与图标模糊的问题 我们当初设计的图标和pc浏览网页的是一样的,结果在手机上看的时候,一片模糊。我们很奇怪。但是发现手机上其他的程序图标都很尖锐清晰。 最 后才发现,这是因为手机在访问网页内容时,支持多指操控,可以放大元素,所有元素都被“渲染”过一次。以防止锯齿出现,解决的办法就是需要把图标放大 2.5倍左右。既:你要显示一个48*48大的图标,那么你就需要输出一个128*128的图标,然后在网页中定义图片48*48. 这在手机客户端中没有这样的现象。这方法也有问题,会导致网页体积变大。 2.自适应的问题。 我们的这个网站,需要pc也可以访问(代码不会对pc专门写一套,页面结构虽然比较丑陋,但是比例需要是协调的),在当初沟通的时候,以及整体时间的关系这个问题对我们的困扰是最大的。最后,确定为上面所述的原则。但仅仅是一个比例协调,也让我们折腾了很久。 比例协调需要调整的元素: 1.图标的大小,虽然都是800*480,但是手机和学习机的物理尺寸差异极大。 2.各种控件的大小尤其是宽度,例如一个搜索框与其上方所搭配的logo,在pc上看是合适的比例大小, 在手机上看就是极不协调的。 解决的办法: 使用medea@属性。给一个宽度的判断。当宽度到了某一数值时,执行某种样式。 3.手机上的操作问题。 这也是很困扰我们的问题,一些看上去很简单的功能,我们都需要仔细考虑。如何简化设计,内容多了怎么办。一般都采用单栏设计,wap也是这样处理的,但要考虑当手机横竖屏的情况下。如何照顾横向的空间。 4.其他 手机的浏览(忘了什么名字了)设置,一般分为 远 中 近 3级。默认会选为 中,这时候的屏幕显示宽度并不是480(竖屏),是比480要小的。

杂谈-团购.lbs.

很久没发像样的文章了,网站界面的作品更加少发。其实最近还是有,只是觉得都很丑陋。不想发出来。 也许隔个10多天,会有作品发上来。 今天说说最近很“火”的团购网站, 基本都是拷贝groupon 的模式。看来这货很给力啊。 国内做的比较好的还是 王兴 整的那个 美团网 :http://www.meituan.com/beijing 千橡互动也整了一个 糯米团:http://www.nuomi.com/ 咱成都 也给力的来了个章鱼团:http://tg.chengdu.cn/ 拜托步骤说明的第二张,能改改不? 再加几个:http://www.tuannao.com/index.php 闹团 http://www.eletuan.com/index 易乐团 http://www.361tuan.com/groupbuy/initRegist.action?YQUUID=785e08f7-265f-4329-af92-672317c5c13a 新团网 http://www.andtuan.com/index.php 俺的团 又是一股风潮,nnd,界面都一个样,别人groupon都不我们玩,早改了。不过团购还真是不错,给老百姓省钱啊。 早前听说,有人要做中国的lbs(基于地理位置的sns),哎~~  可惜不想团购那么好抄袭,需要手机checkin。ip识别地址,现在还没有搞起来。gps可能有点搞头哦~~ 和旅游结合的话,搞成旅游checkin.随便想想的哈。

css3.0 效果

css3.0效果不错 css3.0 我觉得比较实用的就是:定义圆角,背景渐变,投影,边框指定颜色,边框背景。 给一个地址:http://manual.136z.com/css3test/

技术资料

如何去除点击链接时出现的虚线框 .HideFocus{ hide-focus:e­xpression(this.hideFocus=true);/*For IE*/ outline:none; } 或者 <a href=”http://www.taobao.com” hidefocus=”true”>淘宝网</a>/*For IE only*/ 无内容div占据空间触发条件、解决方案 触发条件:给空div设置了宽度 解决方案:设置height:0; overflow:hidden属性 IE6“断头台”问题 触发条件: # 一个容器元素; # 在容器内有一个没有被清楚浮动的浮动元素; # 非浮动的内容在浮动元素之后,并且容器内包含链接; # 那些链接的a:hover样式改变某些属性; # 只出现在IE浏览器。 其他的: http://minepace.blog.sohu.com/140241914.html

Axure RP

http://bbs.artec.cn/thread-2942-1-1.html 文字教程 http://masterlf.blog.163.com/blog/static/972670642008960228925/ 利用Axure封装视觉标准 http://cn.userxper.com/axure_tutorial Axure RP基本操作 http://www.axure.org/jiaocheng/ Axure RP视频教程 以前就知道这个东西,一直没有怎么学习,现在存起来,以后慢慢学习。 以后就用的到了

卡梅隆3D巨制《阿凡达》转载

—————————————————————————— 由好莱坞著名导演詹姆斯·卡梅隆历时4年、二十世纪福斯公司耗资2亿打造的3D立体巨片《阿凡达》(Avatar)于中国北京时间20日晚上10:00正式曝光首支预告片!时光网第一时间为大家奉上这款令万千影迷期待已久的预告。 导演詹姆斯·卡梅隆在执导名作《泰坦尼克号》之后,认为精进的电影工业技术与特效,只是运用来使一个原本就精采的剧情更引人入胜,单靠特效无法成就一部好 电影。因此,他花费14年时间审慎构思,投注2 亿美元,以亲自研发的3D虚拟影像撷取摄影科技(Fusion 3D),耗时4年的时间拍摄《阿凡达》。奥斯卡奖金牌制片人乔恩·兰道及金奖配乐大师詹姆斯·霍纳也继《泰坦尼克号》之后再度与詹姆斯·卡梅隆携手。        

网站更新了

网站刚做了一次更新,希望大家喜欢。 我的hotmail: youmo778@hotmail.com 主要更新了:屏风页, flash首页,作品展示页, 自我介绍页。 目前供职于:www.yours4fun.com   /  www.toursforfun.com (写这个干什么?不知道:》) (日期:2008-12-22)

有用的有趣的网址集合

一个在线翻译网站,支持英、汉、韩、日、法等多种语言的互译http://babelfish.altavista.com/tr 一本在线看AE教程(基础)的网站http://study.flasher.cn/3d/AfterEffects/2004-11-25/451.html 图片的网站http://www.dabaoku.com 大图片   http://www.photosohu.com 素材图标http://www.zcool.com.cn/ 设计交流 http://www.v6dp.com 精美图片 http://www.topicphoto.com/en/photoList.php 有趣的图片http://www.mtgchina.net/card/jyjl/ FLASH教程大综合:http://bbs.blueidea.com/thread-2724275-1-1.html FLASH在线手册:http://www.eduboss.com/pages/FlashHelpSC/?url=/pages/FlashHelpSC/sc/ActionScriptDictionary/12_ASD440.html 国外FLASH学习网站http://www.gotoandlearn.com/download.php falsh学习http://www.b2cvip.com/index.php?go=category_4&mode=1&page=1 不错的效果:http://www.mofu.cn/article.asp?id=83 设计网址大全: http://www.tianyaren.com/dispbbs.php?boardid=15&id=83733&page=1 绘本画家的网站:http://bbs.blueidea.com/thread-2759515-1-2.html 摆摆的BLOG:http://blog.5d.cn/vip/fivefish/ 物志:http://www.wowzine.cn/#page36 测试您的智商:http://www.200.net/iq/ http://www.deds.cn/ DEds深度 关键字:《UFO电子书- Crash at Corona》 正在慢慢消失的民间手艺:http://www.jiangning.com.cn/board/dis.asp?id=83638 http://www.kaoyanguide.com/ 网页设计师:http://www.w3cn.org/index.html icon图标在线生成器:http://www.chami.com/html-kit/services/favicon/ 古代陶瓷的纹饰特征与鉴定:http://blog.sina.com.cn/u/499f0acd010007al 简单的FLASH教程汇总 http://hjinhcom.16789.net/s-helpsite/index.asp?ActionX=Bigclass&bigclassid=158140 as: http://space.flash8.net/bbs/thread-277834-1-1.html 绘画演变的FLASH:http://blog.sina.com.cn/s/blog_4b9f155401000bsv.html 著名的FWAhttp://www.thefwa.com/ 写给设计师的10个js特效:http://sofish.de/442 ai教程网站汇总: http://blog.163.com/dongdong_yuer/blog/static/11546800720109111014019/ 地球空间地磁预报:http://www.cserf.ac.cn/modules/forecast/forecastDst.php 国外分享设计与交流的网站(deviantART):https://www.deviantart.com/join/?utm_source=DA&utm_medium=UB&utm_content=JoinNow&utm_campaign=DA_UB_JoinNow_091409 ————————————————————————————————————— www.smashingmagazine.com   全球内容质量最高的Web设计专业Blog sixrevisions.com 为首的多名技术专家共同撰写的blog abduzeedo.com 更新量很大,如果你设计卡壳了,这是寻找灵感的好地方 deviantart.com 全球最大的设计师展示和分享创作的平台 ffffound.com 图片类的delicious服务 [...]