亚洲另类97色波,四季久久免费一区二区三区四区,丰满蜜桃精品视频网,国产在线观看无码九色8X视频亚洲中文字幕久久精品无码喷水_国产精品无码一区二区

首頁(yè)

優(yōu)秀iPhone應(yīng)用程序的共性

藍(lán)藍(lán)設(shè)計(jì)的小編

 

優(yōu)秀的iPhone應(yīng)用程序地滿(mǎn)足了用戶(hù)需求,同時(shí)提供了用戶(hù)想要的體驗(yàn)。為了幫助您在應(yīng)用程序中平衡這兩點(diǎn),本小節(jié)歸納了優(yōu)秀iPhone應(yīng)用程序的一些共有特點(diǎn),并就如何將這些特點(diǎn)融合到您的產(chǎn)品中給予了建議。

簡(jiǎn)單和易用性

簡(jiǎn)單和易用是所有軟件的基本原則,但在iPhone應(yīng)用程序中它們尤其重要。iPhone OS用戶(hù)很可能在使用您的應(yīng)用程序的同時(shí),還做著其他事情。如果用戶(hù)無(wú)法快速明白如何使用您的應(yīng)用程序,他們很可能會(huì)轉(zhuǎn)而使用其他競(jìng)爭(zhēng)者的應(yīng)用程序,而且不會(huì)再?lài)L試您的應(yīng)用程序。

當(dāng)您設(shè)計(jì)應(yīng)用程序流程以及用戶(hù)界面時(shí),請(qǐng)遵循如下準(zhǔn)則以保證應(yīng)用程序的簡(jiǎn)單且易于使用:

  • 如何使用您的應(yīng)用程序應(yīng)顯而易見(jiàn)。

  • 常見(jiàn)的功能和信息集中于屏幕的頂部。

  • 最大限度地減少文本輸入。

  • 簡(jiǎn)潔地表達(dá)基本信息。

  • 為所有可點(diǎn)擊元素提供一個(gè)指尖大小的目標(biāo)區(qū)域。

iPad開(kāi)發(fā)體驗(yàn) 用戶(hù)準(zhǔn)則

藍(lán)藍(lán)設(shè)計(jì)的小編

  iPad開(kāi)發(fā) 體驗(yàn) 用戶(hù)準(zhǔn)則 是本文要介紹的內(nèi)容,iPad 用戶(hù)體驗(yàn)最主要體現(xiàn)在內(nèi)容和交互:淡化程序UI ,以便用戶(hù)關(guān)注所需的內(nèi)容。美觀的內(nèi)容形式,富有真實(shí)感。充分利用設(shè)備的性能來(lái)增強(qiáng)內(nèi)容的交互性。

支持所有方位

優(yōu)秀iPad程序的其中一個(gè)重要因素是可以在所有方位上運(yùn)行。豎向的大屏幕可以滿(mǎn)足用戶(hù)瀏覽內(nèi)容的需求(當(dāng)豎屏幕較小時(shí),用戶(hù)就會(huì)將屏幕旋轉(zhuǎn)為橫屏幕,這樣一行就可以顯示較多的文 字)。用戶(hù)不太會(huì)注意最小設(shè)備結(jié)構(gòu)(minimaldevice frame;使用iPhone時(shí),用戶(hù)單手握住手機(jī)時(shí),屏幕多為豎向顯示;而雙手使用iPad,屏幕的顯示方位并不能確定)或者h(yuǎn)ome按鍵的位置,他們不認(rèn)為設(shè)備有默認(rèn)方位。這就導(dǎo)致 用戶(hù)期望程序可以在當(dāng)前方位上運(yùn)行。所以程序盡量滿(mǎn)足iPad各方位的運(yùn)行要求。

保證以首要內(nèi)容為重點(diǎn)。當(dāng)旋轉(zhuǎn)iPad的方位時(shí),如重點(diǎn)顯示的內(nèi)容發(fā)生變化,用戶(hù)會(huì)感覺(jué)對(duì)程序失去控制。

旋轉(zhuǎn)時(shí)如何顯示輔助信息或者功能。盡管能保證上一條,還要考慮如何顯示較為次要的信息。例如郵箱功能中,首要 內(nèi)容時(shí)發(fā)郵件,次要內(nèi)容是聯(lián)系人和收件箱的列表。

橫屏的次要內(nèi)容顯示在左邊的分視圖中

豎屏的次要內(nèi)容顯示在氣泡框中。

再如,橫屏?xí)r,一款游戲以長(zhǎng)方形顯示,當(dāng)旋轉(zhuǎn) 到豎屏?xí)r,需要調(diào)整屏幕上的顯示區(qū)域,游戲顯示邊框的上面或者下面增加顯示空間,用于顯示輔助信息,而不是垂直拉伸顯示區(qū)域來(lái)?yè)螡M(mǎn)整個(gè)屏幕。

避 免布局變化過(guò)大或者無(wú)緣由地改變。所有方位中都顯示相似的UI布局旋轉(zhuǎn)時(shí)盡可能保留信息和文本的原有格式。尤其閱讀文本時(shí),重要的是避 免旋轉(zhuǎn)之后用戶(hù)找不到讀到哪兒了。如果非要對(duì)頁(yè)面重新布局,可以使用動(dòng)畫(huà)幫助用戶(hù)理解當(dāng)前頁(yè)面的變化。例如,當(dāng)旋轉(zhuǎn)時(shí)要必須增加或者移除文本框時(shí),可以選 擇隱藏動(dòng)作并在新布局中簡(jiǎn)單地淡出。為了有助于合理地設(shè)計(jì)旋轉(zhuǎn)動(dòng)作,可考慮在真實(shí)的生活中是如何和它們交互的。

避免使用 UI 元素或者定義一個(gè)旋轉(zhuǎn)的手勢(shì)來(lái)完成旋轉(zhuǎn)動(dòng)作。應(yīng)該是內(nèi)容隨著iPad的旋轉(zhuǎn)而旋轉(zhuǎn)。

為每個(gè)顯示方 位各提供一個(gè)啟動(dòng)圖片。比如提供1004×768和748×1024的圖片來(lái)滿(mǎn)足兩個(gè)方位的顯示要求。

仔細(xì)考慮程序是否可以在所有方位上運(yùn)行。有些程序只能在橫屏或者豎屏下顯示,此時(shí):

顯示程序?yàn)檎o@示方式,無(wú)論當(dāng)前iPad是什么方位。避免使用UI元素來(lái)告知用戶(hù)旋轉(zhuǎn)設(shè)備。支持180度旋轉(zhuǎn)。

可以特殊處理輸入式旋 轉(zhuǎn)動(dòng)作。有些游戲把旋轉(zhuǎn)設(shè)備當(dāng)成操作方式,這時(shí)候橫豎屏切換時(shí),可不改變游戲的顯示方位。

增強(qiáng)交互

最好的iPad程序在用戶(hù)執(zhí)行明確的任務(wù)時(shí)提供新穎的交互方式。不要為了填滿(mǎn)整個(gè)大屏幕而增加一些和主要任務(wù)沒(méi)有直接關(guān)聯(lián)的功 能,而是提升程序的用戶(hù)體驗(yàn)。

例如讀書(shū)程序中容許用戶(hù)閱讀時(shí)如能保留路徑會(huì)提升閱讀體驗(yàn),不需要跳轉(zhuǎn)到另外一個(gè)頁(yè)面而是使用氣泡框來(lái)變更 路徑。程序可以讓用戶(hù)在文本中增加書(shū)簽和注釋?zhuān)瑤椭脩?hù)交換書(shū)目或者對(duì)比閱讀進(jìn)度。

信息扁平化

手機(jī)交互設(shè)計(jì)原則

藍(lán)藍(lán)設(shè)計(jì)的小編

在設(shè)計(jì)e指通 客戶(hù)端和wap2.0 頁(yè)面時(shí),積累些手機(jī)交互設(shè)計(jì)經(jīng)驗(yàn),不斷總結(jié),理清設(shè)計(jì)思路。以下設(shè)計(jì)總結(jié)出手機(jī)交互設(shè)計(jì)原則,僅供參照。

屏幕

手機(jī)屏幕尺寸分為物理尺寸和顯示分辨率。

  • 物理尺寸是按英寸對(duì)角線(xiàn)計(jì)算。
  • 顯示分辨率指的是屏幕圖像的精密度,是指屏幕所能顯示的像素的多少。
  • 顯示精度是每英寸上可以顯示像素(DPI)。

NOKIA N78的物理尺寸為2.4英寸,顯示分辨率為240*320像素;HTC T7278的物理尺寸為2.8英寸,顯示分辨率為480*640像素。兩款手機(jī)顯示精度不同,同樣100*100像素大小的圖片在這兩款手機(jī)上看到的效果也不同,同樣大小的圖片在HTC T7278看起來(lái)要比NOKIA N78小的多。

分辨率種類(lèi)(不完全統(tǒng)計(jì)):

  1. 128*128  128*160 130*130  176*144  176*220 208*208 208*320  240*160 240*240 240*260
  2. 240*320 240*400 240*432 240*480 320*240 320*

理解iPhone和iPad觸摸式交互

藍(lán)藍(lán)設(shè)計(jì)的小編

 

表1-4 iPhone和iPad的觸摸和手勢(shì)允許開(kāi)發(fā)者以新的方式接受用戶(hù)輸入

輸入

類(lèi)型

概述

氣泡( Bubble

觸摸

觸摸并按住不動(dòng)。在可單

擊元素上彈出信息氣泡

輕滑( Flick

觸摸

觸摸并滑動(dòng)。滾動(dòng)頁(yè)面

輕滑,兩個(gè)手指

手勢(shì)

使用兩個(gè)手指觸摸并滑動(dòng)。

滾動(dòng)可滾動(dòng)元素

掐捏

手勢(shì)

移動(dòng)兩個(gè)手指??s小或放大

輕擊

觸摸

單擊。選擇

輕擊,兩次

觸摸

雙擊。放大列

24個(gè)出色的聯(lián)系表單頁(yè)面設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

 

有的網(wǎng)站沒(méi)有“聯(lián)系我們”頁(yè)面,有些網(wǎng)站只有一個(gè)email超級(jí)連接 ,而且有些網(wǎng)站還將Email地址做成圖片 來(lái)避免垃圾郵件。這些做法都會(huì)掩蓋了聯(lián)系表單的潛力和優(yōu)勢(shì)。

 

接受來(lái)自于你的網(wǎng)站的用戶(hù)的反饋、糾正甚至是投訴 是很有用的。

請(qǐng)不要低估聯(lián)系表單的作用,它是每個(gè)網(wǎng)站必備的。

我們收集了24個(gè)聯(lián)系表單頁(yè)面設(shè)計(jì),希望你能喜歡并能從中獲取靈感。

http://www.berttimmermans.com/
24個(gè)出色的聯(lián)系表單頁(yè)面設(shè)計(jì)

國(guó)外三個(gè)免費(fèi)CSS模版下載站點(diǎn)

藍(lán)藍(lán)設(shè)計(jì)的小編

 

做站的朋友經(jīng)常需要到CSS模版,但哪里可以下載到免費(fèi)要好的CSS模版呢?筆者將介紹幾個(gè)網(wǎng)上可以免費(fèi)下載CSS模版的站點(diǎn)。越多的CSS模版,你在設(shè)計(jì)網(wǎng)頁(yè)時(shí)就越容易排版布局,因?yàn)橛懈鄡?yōu)秀的案例讓你攝取精華。你不一定是依葫蘆畫(huà)瓢,你可以根據(jù)自己的實(shí)際情況作適應(yīng)的調(diào)整改動(dòng),如你可能是利用該CSS模版中的字體配色,或者是圖片的樣式或者是表格的樣式等等。

FreeCSSTemplates.Org

free CSS templates org

創(chuàng)意設(shè)計(jì)的方法—無(wú)窮關(guān)聯(lián)法

藍(lán)藍(lán)設(shè)計(jì)的小編

 

這是我根據(jù)頭腦風(fēng)暴的原理延展出來(lái)的一種方法,之所以稱(chēng)它為“無(wú)窮關(guān)聯(lián)法”完全是因?yàn)樗雌饋?lái)很像無(wú)窮大的符號(hào)“∞”。當(dāng)然,從原理上講使用這個(gè)方法可以得出無(wú)窮無(wú)盡的創(chuàng)意設(shè)計(jì)。

在用“絕對(duì)伏特加”這個(gè)案例來(lái)說(shuō)明這個(gè)方法之前,需要先說(shuō)明一下絕對(duì)伏特加的背景:絕對(duì)伏特加 (Absolut Vodka) 是產(chǎn)自瑞典世界十大名酒之一,它的創(chuàng)意設(shè)計(jì)一直走著非功能訴求的道路,主要向消費(fèi)者傳遞感性的東西。

無(wú)窮關(guān)聯(lián)法圖示:

日歷

鏈接

個(gè)人資料

存檔