ITeye1月技术图书有奖试读活动之《Windows 8应用设计与开发》 - Focus-Fe - ITeye博客
博客分类:
1月13号也正好在微软亚洲研究院,很荣幸地参加了IE举办的“新年新e步”,作为一个fe,其实比一般的开发人员更关注微软(每一天都是不断地在和IE6|7|8|9|10等等打交道),会上也参与问了几个问题,因为关注很久了,很多东西希望得到解答。每一个人都是一个感官动物,触及到新事物的第一眼有没有震撼你?产品、界面等等都是一样的,我想很多人和我一样,内心也会被Windows UI触摸到。
我本人是一个热爱设计和关注设计细节的fe,因此我的微博也各种关注设计团队,因为我觉得很多的设计思想能让我作为一个fe,在开发用户产品code的时候,会更有feelings,因为它能改变你的代码设计思维方式,让你更有创造力、生命力、感染力!!!
我一眼就选择了《Windows 8应用设计与开发》 这本书来试读,读了好久,一遍一遍,有一些“外行人”的收获,分享出来。
从命令行界面
到 GUI----- NUI ----- Windows UI
很多人可能不一定熟悉这几个名词,我简单介绍一下:
Graphical User Interface --- 图形用户界面(图形用户接口)
采用图形方式显示的计算机操作用户界面
大家都用过Windows XP在这个版本的操作系统里,GUI支持皮肤,用户可以改变它的展示风格,支持多色彩。
再到Windows Vista,开始支持3D桌面,多应该用过一些饰件来丰富你的桌面
Natural User Interface --- 自然用户界面
基于如触觉、视觉、声音、运动等人类本能的交互模式,利用更广泛权力的沟通方式
只需要用户以最自然的交流方式与机器互动
3.Metro UI
注释:Metro也是因为商标问题,被放弃
typography-based design language ------- 基于排版的设计语言
强调信息本身,而不是界面元素
设计的灵感来源于巴士站牌、机场地铁的指示牌
设计的主体:光滑、快、现代
4.Windows UI
诞生的时间应该是的Windows 8发布会
有的也称为 New Windows UI
下面有一个图来很直观地展示:
-------------当然如果你已经体验过的话,你的感官会更强烈。
其实作为程序员,比一般的用户对界面的要求更为苛刻,(我想着也是很多程序员玩苹果的原因所在)但是不得不说,当我第一次体验的时候,我也确实震撼住了。
对于开发者(比如fe)来讲,我们能额外地收获什么?
我们可以用HTML5、CSS3和JS来开发应用,当然也支持第三方的JS库
指针API-----Pointer事件(Pen + Touch + Mouse)
我们可以直接访问其他应用存储和创建数据
触控优化后的平台提供了有利的空间(有内置的动画库哦)
IE10的F12开发者工具的爆点是我们在对压缩类库调试的时候可以像没有压缩的一样打开进行跟踪调试
可以利用微软的云服务
个人应用控制面板可以很方便地查看自己应用的下载数、用户评价等等!
我本人还关注的一点:布局设计?
横向流动和C模型布局
什么是C模型?
------------
内容在屏幕上显示,需要在屏幕上方、左方、下方保留出一定的留白区域,使该区域在用户的界面上仿佛形成一个C
利用边缘!
Windows 8的屏幕四周多有隐含的功能,左侧是调入上一项进程、右侧是调出系统超级按钮组,上方和下方是应用栏,上方是导航类型的操作栏,下方是非主流程的全局或上下文命令按钮
-----------------
这个也是我个人比较喜欢的,如果老是出现在页面,而不是我需要的时候出现,可能我会感觉不是很ok,有点类似于技术实现中的一些“按需”。主体页面应尽量“舒适”,但是常用的按钮操作也可以在旁边。
从《Windows 8应用设计与开发》中收获了很多词语以及一些设计的思想,虽然只是读了一部分,但是收获的东西真的不少,我是一个对设计有一定情节和想法的人,当然作为一名应用开发者,我也一样对Windows 8 抱有幻想和期待,同样我也希望以此人性化的平台来创造出一些属于我自己的东西来分享给所有喜爱Windows 8的人,
很多细节的优化需要你我来深入体验,也许你也和我一样不知不觉就“爱上”了Windows 8
zhangyaochun
浏览: 1257719 次
来自: 北京
&div id=&showInfo&q ...
引用[u][/u]
能提供附件下载吗,找不到js库,google封了访问不了
我的天 那到底是为什么function是object我看und ...
试了,没用,你们从不去测试。怎么让用户不用输入用户名密码自动登录? - ITeye问答
& 问题如题目所示,用户只需要输入一次用户名密码,然后点击保存密码或者自动登录,下次进来就不需要输入 了,直接进入页面。
有什么办法,如果有demo的更好。
问题补充:myali88 写道利用Cookie保存用户登录信息,下次登录就不用输入了。很多网站都这样的,你可以看看163邮箱登陆也是这样。
我想看看具体是怎么实现的。没有例子?
采纳的***
//新建cookie。
//hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie(如果这个cookie存在)。
function setCookie(name,value,hours,path){
var name = escape(name);
var value = escape(value);
var expires = new Date();
expires.setTime(expires.getTime() + hours*3600000);
path = path == "" ? "" : ";path=" +
_expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString();
document.cookie = name + "=" + value + _expires +
//获取cookie值
function getCookieValue(name){
var name = escape(name);
//读cookie属性,这将返回文档的所有cookie
var allcookies = document.
//查找名为name的cookie的开始位置
name += "=";
var pos = allcookies.indexOf(name);
//如果找到了具有该名字的cookie,那么提取并使用它的值
if (pos != -1){
//如果pos值为-1则说明搜索"version="失败
var start = pos + name.
//cookie值开始的位置
var end = allcookies.indexOf(";",start);
//从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置
if (end == -1) end = allcookies.
//如果end值为-1说明cookie列表里只有一个cookie
var value = allcookies.substring(start,end);
//提取cookie的值
return unescape(value);
//对它解码
else return "";
//搜索失败,返回空字符串
//删除cookie
function deleteCookie(name,path){
var name = escape(name);
var expires = new Date(0);
path = path == "" ? "" : ";path=" +
document.cookie = name + "="+ ";expires=" + expires.toUTCString() +
这是JS操作Cookie的方法,然后在这用户第一次登陆是调用:setCookie保存用户名和密码,在后续登陆是通过getCookie取出用户名和密码设置到相应输入框,这样用户就不用自己输入了。
利用Cookie保存用户登录信息,下次登录就不用输入了。很多网站都这样的,你可以看看163邮箱登陆也是这样。
已解决问题
未解决问题