午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

首頁

為人設計,請說人話

濤濤

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

UXRen

打造有價值產品的首要規則是,它應該對某些人有真正的使用價值。也就是說,一個真實的人(或許多個人)會因為你的工作而解決了某些問題或實現了某些需求。

這個道理是顯而易見的,但是,如果你去聽一聽這些產品設計們的日常用語,就會發現,在日常生活中,我們不常這樣說。

反而,在語言交流中,設計師經常會“走捷徑”。有時會直接使用行業語言或專家術語來提高表達度,但大多數情況都是為了避免廢話。

舉例來講:

  • 我們要如何增加用戶對這種功能的使用?
  • 為什么這兩方面看起來不夠統一?
  • 這里的點擊率這么低,可能我們太過強調了。
  • 我感覺這里干擾信息太多了,要怎么解決這個問題?
  • 這個設計需要更多“呼吸空間(留白)”。
  • 我們應該將這點設計地更簡潔一些。
  • 這一指標需要提升,現在的曲線走向并不理想。

想象一下,當用戶聽這些話時,他們能相信我們的最終目的是為他們創造價值嗎?

當然,我們在使用語言捷徑時,其實是在把我們腦海中的各個點連接起來,這種基于對內容的理解,在腦海中將一個概念與另一個概念聯系起來的思考方式——就像是火車在有序的系統中飛馳而過,直到停留在人們期待的站臺上一樣。

但在實際交流中,有可能出現兩種完全預料不到的結果:

第一種情況是,當與一個認知和你不太一致的人交流時,你認為重要的事情,對方有可能完不理解為什么這樣。

比如說,作為一個設計師,當我說“為什么這些東西不一致”的時候,我自己的邏輯是這樣的:

不夠一致=> 這些東西雖然看起來很像,但當點擊的時候,可能有人會選A,也有人會選B=>這就會使用戶困惑,并且影響他們從我們構建的內容中獲得最大的價值。

其他精通設計語言的人,一般而言都會跟我一樣的思考問題。比如,讓東西“簡潔”其實是指讓它專注于最重要的點,以便人們能一眼就知道如何使用它。讓界面“可以呼吸”則是指讓人們在閱讀或者瀏覽時能更輕松愉悅。

但如果你并沒有建立這些認知連接,你可能會不解:一致性、簡潔性和可呼吸空間為什么這么重要呢,這些價值觀看起來是不是有點隨意?而且這些疑惑有可能是對的,為了一致性而保持一致也許并沒有必要。如果這世上沒有人會對兩個看起來相似但反應不同的事物感到困惑的話(假設開發成本投入不算很大的話),那么這不會是一個問題。

許多工程師和產品經理跟我講過,關于“一致性”的討論經常意見很難統一,但當我說“目標是讓用戶感覺沒有困惑”時,爭議就不存在了。

使用“語言捷徑”的第二個意想不到的后果是,我們有可能會忽視真正的最終目標。你看待問題的方式和角度會更多地從公司出發而不是用戶真正面臨的問題。

舉個例子,我們要如何提高這一功能的使用率?這可能并不是任何一個你的用戶會關心的問題,在討論這一問題的時候,你有可能會開始從公司角度思考解決方案,比如讓功能更顯眼,不斷提醒用戶這一功能的存在等。

但其實這些做法只有在強調的功能的確很重要的時候,才會起作用。但如果這一功能的使用率本來就低,那么更有可能說明這一功能對用戶而言沒那么重要。如果你沒有真正以人為中心來思考問題,很難發現這一點。

歸根結底,雖然語言只是一個小的方面,但我相信它是非常重要的。多關注一點在工作時使用的談話方式,如果你是為人設計的,那么請用人們更熟悉的語言。

舉例來講:

  • 我們要如何增加用戶對這個功能的使用?=> 是什么讓這個功能對人們更有價值?
  • 為什么這兩方面不夠統一?=> 讓我們確保,用戶不會因為這兩個看起來相似但有不一樣功能的東西而感到困惑。
  • 點擊率真的很低,可能是因為強調得不夠。=> 人們可能會意識不到這個功能的存在,因為這實在太容易被忽略了。
  • 我們發現很多用戶流失,我們該怎么辦?=> 那些試用過我們產品的用戶不會再回購,為什么會這樣呢?
  • 這個設計需要更多的呼吸空間。=> 用戶閱讀瀏覽信息的體驗應該更輕松、愉悅。
  • 我們應該將這點設計地更簡潔一些。=> 用戶應該能在第一眼就注意到最重要的信息,并知道他們應該做什么。不該用過多的選擇給用戶壓力。
  • 這一指標需要提升,現在的曲線看起來并不理想。=> 我們的產品還沒能讓用戶覺得足夠有用,從而進一步回購,所以我們應該提升我們所提供的價值。
  • 藍藍設計www.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計  ipad界面設計 、 包裝設計 、 圖標定制  用戶體驗 、交互設計、 網站建設 、平面設計服務。


百度行業首發《2019.AI人機交互趨勢研究報告》

濤濤

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

人工智能已經成為新一輪科技革命和產業變革的核心驅動力,正在對世界經濟、社會進步和人類生活產生極其深刻的影響。其中,普羅大眾對人工智能感知最為深切的當屬人機交互。語音交互、人臉識別等人工智能技術已經化為應用產品走進了我們的生活。近日,百度人工智能交互設計院發布了一份聚焦于未來3年內的AI人機交互趨勢研究報告(以下簡稱“《報告》”)。


該報告是百度人工智能交互設計院基于過去一年多對AI領域前沿技術、產品和設計的深入研究和洞察,結合產業界和學術界的經驗探析而來。AI賦能的人機交互革新了大眾的生活形態,未來,AI加持的人機交互模式又會呈現出什么樣的態勢呢?


《報告》從“人機交互介質”、“交互對象”、“AI應用場景”、“人機關系”等方面總結了AI人機交互的八大趨勢。


趨勢一:語音交互技術進步,更趨向人類自然對話體驗


研究公司Ovum預測稱,到2021年,地球上的語音助手的數量會和人類一樣多,人們會越來越傾向于向語音助手尋求情感上的幫助。在AI人機交互中,語音交互技術在用戶終端上的覆蓋最為廣泛。


以智能音箱為例,有數據顯示,2018年全球智能音箱市場同比增長200%。其中,中國智能音箱市場增速達到罕見的5370%。谷歌、亞馬遜、蘋果等全球巨頭企業均加速了用語音交互技術開啟大眾智能生活的步伐。截止2018年12月31日,搭載百度對話式人工智能操作系統DuerOS的智能設備激活量也已超2億。


目前,語音交互技術已經加速在智能家居、手機、車載、智能穿戴、機器人等行業的滲透和落地?!秷蟾妗分赋?,未來隨著語音技術的不斷完善,語音交互的自然度將進一步提升,并愈加趨向人類自然對話的體驗。具體表現為:語音交互將從機械的單輪對話進階到更流暢的多輪對話;合成語音更自然、真實,接近真人水平;語音交互具備聽覺選擇能力,提升多人對話體驗;語音交互將支持多種方言,并針對細分群體進行差異化設計。



趨勢二:人臉、手勢等通道更多出現在產品中,多通道融合交互成為主流交互形式


媒介學家雷吉斯·德布雷(Régis Debray)曾提出:“技術能實現不同區域里不同文化的人之間的連接”。隨著技術的發展,人與人之間的連接早已不成問題。當前,AI技術更是拓展了人與智能體交互的通道。除語音交互外,計算機視覺技術的發展已使得智能體實現了通過識別人臉、指紋、面部表情、肢體動作等人體信息,而更加快捷多元地與人類進行交互。但是不同的交互通道在有其獨特優勢和場景適用性外,也有一定的局限性。


《報告》認為,未來,人與智能體的交互將融合語音、人臉、手勢、生理信號等多種方式,為人類打開更多的交互空間和應用場景。具體表現為:人臉檢測及識別聚集更細維度的面部特征,拓展更多的交互空間和場景;空中手勢交互將成為新熱點;觸控、語音、手勢、人臉最有可能成為多通道融合的主流通道;生理信號、觸覺、嗅覺等也將成為輔助通道融入多通道交互中。



趨勢三:智能體開始擁有明確的人設


近期,明星“人設”崩塌已成大家茶余飯后的熱門話題。但是你想過,智能體也將擁有明確的“人設”么?《報告》認為,未來,用戶可以更加明顯地感知到智能體鮮活的“人設”。


所謂智能體的“人設”是指,用戶在與智能體的互動過程中,根據感知到的綜合特征推斷出一種具有一致性的角色形象,一般由性格(如外向、善良等)、關系(如助手、朋友等)和基本屬性(如性別、年齡等)構成?!秷蟾妗分赋觯壳?,智能體人設的設計和表達主要聚焦在語音(如音色、語調等)和語言層面(如表達方式),并且通常局限在部分場景、部分話術上,缺少一致性和全局感。


《報告》提出,未來,智能體人設將從語音、產品外觀、虛擬形象等多維度進行設計,甚至聘用編劇設計具有統一形象特點的話術,利用混合現實(MR)、全息投影等技術將人設具象化,讓用戶在不同場景下均感受到智能體一致、明顯的人設特征。換句話說,未來,智能體的人設會具有很明顯的特征,但不會輕易崩塌。


此外,《報告》還認為,打造用戶喜愛的人設也將成為企業在市場競爭中形成差異化、吸引更多用戶的重要方式。



趨勢四:智能體在被動交互外,開始出現主動交互行為


技術的發展雖然革新了我們的生活方式,但是長久以來,人機交互一直延續著人類“輸入”,機器“反饋”的循環模式,人類始終是主動的,機器始終是被動的。


《報告》認為,人工智能賦予了機器情境感知和自主認知能力,使我們有機會構建機器主動服務于人的交互模型。智能體出現主動交互行為的具體表現為:主動交互越來越“貼心”;主動交互在“家”和“車”的場景下率先商用落地;主動交互將提升公共場景下人機協同的效率。



趨勢五:智能體開始擁有情感判斷及反饋智能


2014年在北美上映的動畫片《超能陸戰隊》中的機器人大白,以對主人公關懷備至的暖萌形象收獲了大批影迷的喜愛。觀影后的每個人都希望自己能夠擁有一臺如大白一樣忠心耿耿又溫柔體貼的機器人。令人欣喜的是,具有情感判斷和應對能力的智能體正逐漸成為現實。


過去20年,在人機交互中,機器基于表情、文本等方式的的情感識別能力已有很大的提升。目前市面上出現的如情感陪護機器人、智能音箱、智能汽車等已經初步具備一些情感識別能力,可以根據不同的場景、對象,進行適當的情感交互。


《報告》指出,未來,情感計算技術的提升及硬件升級將賦予智能體在“視”“聽”等方面更強的情感識別能力;同時智能體對于人類思維理解、情景理解能力也將更加完善,情感交互能力將更智能、更體貼。



趨勢六:AI對特定人群的關懷得到快速發展和應用


人機交互的發展為兒童、老人、殘障人士等群體更便捷地利用機器獲得服務,提供了充分可能。當前市面上已經出現大量針對兒童教育的AI產品。搭載DuerOS的小度智能音箱也針對以兒童為中心的家庭語音互動需求,特別開發了兒童語音識別引擎,并定制兒童語音播報音色及對話邏輯,陪伴兒童一起成長。在養老領域,為老人提供陪聊、提醒等陪護服務的智能產品也被AI企業提上了日程。此外,少數AI產品也開始專注殘障、病患等更加細分的人群,如2018年11月,百度推出了AI眼底篩查一體機,幫助患者快速篩查眼底疾病,為基層醫療帶去了極大的便利。


《報告》提出,未來,AI對人類的關懷將得到快速發展和應用,覆蓋更加細分的人群和更深入的場景。為兒童,AI將從易于交互到提供心智陪伴的服務;為老人,AI將縮小他們與科技的鴻溝,助推他們開啟品質生活;為感官殘障人士,AI將幫助他們重獲對世界的立體感知;為特殊疾病人群,AI將提供預測、診斷和康復服務。



趨勢七:智能設備互聯互通,多場景銜接


以BAT為首的互聯網企業,在2018年紛紛調整組織架構,轉向To B。巨頭重提產業互聯網戰略成為當前市場新現象。此現象背后,正是AI、5G、云計算等新興技術的發展與升級。2018年的政府工作報告,進一步強調了“產業升級的人工智能應用”?!爱a業化”和“應用化”成為未來幾年人工智能的兩大發展方向。


《報告》指出,隨著AI技術的進一步成熟和落地,及其與大數據、IoT的結合,AI將從單品智能、獨立場景到互聯智能,場景融合進階。智能設備將互聯互通,場景將進一步融合,實現多場景銜接;VR/AR將促進線上和線下、虛擬和現實的聯結,未來,VR會加速拓展到更多的產業和實體,AR中的現實與虛擬將從簡單疊加到有機融合,實現用戶可以源自自然意識進行人機互動。



趨勢八:人機開始走向深度協同,信任構建成為首要突破點


2018年6月,百度研究院發布并開源“神經條件隨機場”的AI算法。該算法擁有強大的腫瘤病理切片檢測能力,可以大幅提升醫生閱讀病理切皮的效率和準確率。人機協同即,通過人工智能增強人類智能,讓人工智能成為人類智能的自然延伸和擴展。


目前,人機協同已在工業領域初步實現,而隨著智能體從工業生產領域向商業服務、社會服務和家居服務領域拓展,人機將走向深度協同。《報告》認為,人機深度協同可以最大化發揮雙方優勢,實現合作共贏。


而人們對AI的信任,是智能體全面進入人類工作和生活,實現真正人機協同的前提。即,信任構建成為了實現人機深度協同的首要突破點。與此同時,AI倫理道德將更加細化,成為所有從業者需遵守的行業準繩。AI行業的發展在帶給大眾便利生活之時,避免算法歧視、保護人類隱私、尊重人類價值等也變成了從業者們亟需重視的問題。


最后,《報告》指出,AI時代的人因工程是一個真正的系統工程。而每個人機交互行業的從業者都需要擁有AI思維。最重要的是,中國的人機交互設計和研究者們將首次和發達國家站在同一起跑線上,我們有機會去定義這些體驗標準,而不再是追隨或遵守。


AI時代大門緩緩開啟,屬于中國和中國企業引領世界前沿的新時機已到來。

藍藍設計www.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計  cs界面設計  ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

車子炫酷交互界面欣賞!

用心設計

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

 

分享車內交互界面設計

微信圖片_20190227183134.gif微信圖片_20190227183144.gif微信圖片_20190227183157.jpg微信圖片_20190227183202.jpg微信圖片_20190227183206.jpg微信圖片_20190227183209.jpg微信圖片_20190227183231.jpg微信圖片_20190227183229.jpg微信圖片_20190227183226.jpg微信圖片_20190227183222.jpg微信圖片_20190227183218.jpg微信圖片_20190227183214.jpg微信圖片_20190227183211.jpg微信圖片_20190227183234.jpg微信圖片_20190227183237.jpg微信圖片_20190227183239.jpg微信圖片_20190227183242.jpg微信圖片_20190227183244.jpg微信圖片_20190227183246.jpg微信圖片_20190227183249.jpg

 

 

藍設計www.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

構建設計師和程序員的共同語言

鶴鶴

從控件封裝、布局說明、標注語言三個方面,指導設計協同開發,共同建立項目框架和控件庫,規范設計方式和開發方式。

undefined


設計師拿到開發剛寫好的頁面時,往往會眉頭一皺,這跟自己的設計稿差別有點大啊。在設計走查的時候才發現,幾乎每個頁面都有大大小小的問題。從顏色樣式到按鈕組件、從元素尺寸到界面布局,都多多少少存在偏差。開發一般情況都是在完成功能開發后,才對頁面視覺進行統一優化,但是無奈需要優化的地方太多太分散,成倍地增加了工作量。


那么能否制定一套協作方案,把固定的、通用的和可復用的元素或組件封裝起來,運用在項目初期設計和開發的工作流程中。從而統一地把控設計項目中的所有可變元素,方便設計師和開發在項目中后期做各種改動,同時也利于項目的迭代升級呢?


這里我做了以下思考,歡迎大家一起來交流探討。



/目錄

一、寫在前面

二、控件封裝

三、布局規范

四、標注語言

五、總結



一、寫在前面

UI設計要有組件化、模塊化、結構化的思維。以各平臺設計規范為基礎,從控件封裝、布局規范和標注語言三個方面,構建一套設計師和開發之間的共同語言。



/文字&文本


在封裝前我們先定義一下設計中最常用到的元素——文字。文字在UI界面中幾乎撐起了絕大部分內容,它的功能包括但不限于標題導航、內容構建、說明解釋、標簽示意等等。把文字跟圖標、背景等元素組合起來的時候,在界面中形成了更明確的意符。


(一)換行規則

文字在界面中的顯示方式可分為標簽、短文本、長文本三種。標簽和短文本一般情況下不換行顯示、如在特殊情況下會超過一行,則使用省略號顯示。長文本特指會換行顯示的文本。




(二)行高設定

各系統平臺都有自己默認的字體行高規則,但是這些行高規則并不統一,比如iOS的字體行高對照表如下:

來源見水印


而且默認的行高在展示長文本(多行顯示)時,效果并不一定理想,甚至可能會很丑陋。所以我們需要制定統一的標準來規范各平臺的字體設計和開發規則。


解決方案:對于標簽和短文本默認設定1倍行高,長文本根據文本內容和字號大小來設定行高,以達到最佳閱讀效果。

undefined

行高設定



(三)視覺間距

規范短文本行高,確保視覺間距等于實際標注間距,才能保證開發準確還原界面布局。

undefined

視覺間距示意圖




/特殊情況

有些控件的文本長度在少數特殊情況下會換行顯示,為了簡化適配過程,我們可以直接使用長文本來設計。

(一)Toast



(二)橫幅





/圖標&切圖


圖標在某些場景下可以無需文字說明,更直觀簡潔地表達含義。設計同一類圖標時應該保持視覺效果統一,視覺尺寸可以通過使用模板來進行規范。

undefined

圖標設計模版



為了保證同一組圖標的影響范圍相同,我們在設計圖標時首先設定視覺安全區域,然后加入透明度為1%的背景作為影響范圍圖層。切圖時需把影響范圍圖層包含進去,不僅便于設計師規范所有圖標的尺寸大小,也方便開發直觀獲取到圖標的實際切圖大小。


圖標設計示例




二、控件封裝

利用組件化的思維,將可重復利用的元素或者控件打包成固定的模版,稱之為封裝。

這里設計師可以使用Sketch的文字、圖層、組件封裝功能,構建可協作、方便維護、完整的控件庫。程序員在構建項目框架時,也應對每一個元素進行可復用性封裝。


(一)封裝基礎顏色

基礎顏色有主色、輔色、強調色、中性色(灰色)、功能色(成功、失敗、警告、不可點)等。


在sketch中,新建一個圖層,設定好圖層樣式,點擊新建圖層樣式完成封裝。封裝樣式按固定格式“類別/編號+顏色”來命名,其中“/”可以自動識別為列表層級。

顏色封裝




(二)封裝常用字體

每個項目都應該設定常用字體庫,例:導航標題、文章標題、正文、說明、鏈接等等。


在sketch中,新建一個文本,設定好文本樣式,點擊新建文本樣式完成封裝。封裝樣式按固定格式“主類別/二級類別/顏色”來命名,其中“/”可以自動識別為列表層級。


字體封裝



(三)封裝圖標

APP項目中的圖標大小一般設定為20px、24px、28px、32px、44px等。


在sketch中,新建圖標影響范圍圖層,設定安全區域,畫好圖標后點擊新建symbol按鈕。封裝的圖標按固定格式“范圍/具體位置/名稱”來命名,其中“/”可以自動識別為列表層級。


圖標封裝



(四)封裝按鈕

按鈕一般情況下有兩種適配方案,第一種固定邊距,第二種固定尺寸。封裝時結合Dynamic Button 3.5插件,可以動態制作同類型按鈕。


在sketch中,利用已封裝好的字體和顏色來組合成按鈕的文本和背景,文本命名格式為“上邊距:右邊距:下邊距:左邊距”,如果上下和左右邊距并分別相同,則只需要給出上邊距和右邊距的數值。如“10:20”。按鈕背景命名為BG,設定為已封裝的顏色。執行一次“?+J”的操作,關聯文字和背景,然后將兩者用symbol封裝。


封裝后取消Dynamic group編組




由于按鈕大小會根據內容文字長度而改變,因此需設定合理的適配規則。


固定文本左上邊距和高度



固定背景的高度



(五)統一維護

基礎元素樣式可以放在一個畫布上進行統一管理。

undefined

顏色和字體可以統一管理





三、布局規范

利用模塊化思維進行布局,將由已封裝的組件構成的功能區編組成一個模塊,模塊可以自由排列組合,增加或刪除。


(一)基本框架

界面布局應遵循各平臺基礎設計規范,iOS和安卓的基本框架不能混用。

undefined

安卓&iOS對比圖



/開發規范

制作高保真設計稿時我們統一使用iOS設備的750*1334分辨率,對應Android的720*1280分辨率。無需新出一套設計稿。


iOS和Android設備在設計和開發時應該注意的差異,基于1倍標注

/視覺上

a. iOS狀態欄20pt,Android狀態欄25pd

b. iOS導航欄44pt,Android導航欄48pd

c. iOS菜單欄49pt,Android菜單欄48pd


/交互上

a.  Andriod有物理返回按鈕,點擊控制返回上一步操作,而不僅僅返回上一個頁面;iOS沒有實體返回按鈕,導航欄的back按鈕控制返回應用內的上一層頁面。因此在設計時每個頁面都應該有明確的返回或關閉按鈕

b. 導航標題的位置iOS居中顯示,Android靠左

c. 安卓對列表操作欄的處理為長按,iOS為左滑。實際處理的時候可以分開設計,也可以設計成統一的操作方式



(三)模塊化布局

模塊化布局對于設計師來說可以使頁面功能和信息分布清晰明了,對于開發來說也更利于進行頁面布局。


undefined

例一:主界面


undefined

例二:內容頁





四、標注語言

利用sketch插件導出可自助查看標注的html文件,標注文件無需手動生成,也不會對設計稿造成遮擋。但是開發要花更多精力去對每一個元素的樣式、間距進行點擊查看,相比之前直觀的標注,增加了閱讀成本。


為此我們設計一套標注方案,可以通過少量標注,提供準確的多界面適配信息。標注規則是對由適配不同屏幕造成歧義的地方做針對性地標注說明。


(一)固定框架

在設計界面時,首先設定界面的固定框架結構,如頁面內容區的安全邊距。


undefined

全局界面安全邊距設定


/模塊外間距設定

多個模塊之間的間距設定

undefined

模塊間距設定,一般情況下可以不做標注



/模塊內安全區域

模塊內部組件和元素的影響范圍

undefined

模塊內安全區域標注




(二)基本標注類型

規范好界面的布局和模塊的構建方式后,針對模塊或者組件在適配過程中會變動的部分,或者固定不變的部分,特別標注說明。其余沒特別標注的部分按照默認標注尺寸來布局。


/固定高

undefined

固定區域高度



/固定寬

固定彈出框寬度



/固定百分比

固定圖形所占頁面的百分比



/固定邊距

固定邊距


/固定比例(Fixed Ratio)

undefined

固定模塊寬高比



/等分分布

undefined

等分分布


/范圍內居中

undefined

在標識的范圍內居中分布





(三)標注實例

因此方案尚未落實到實際項目中,因此在這里以網易云音樂為例,按新的標注方案進行剖析說明。


例一




例二



undefined

例三



例四




五、總結

文章內容更多偏向指導設計師如何規范設計方法,同時創造了幾種標注語言(FR、ED、AC等)。后期組織設計和開發同學一起就此方案進行交流討論,給大家普及這種設計和標注方法,讓設計師和開發能夠就組件封裝和標注語言的方案達成共識,方便后期協作,提高工作效率。同時聽取多方觀點,對此文檔進行不斷優化完善。

像看電影般的酷站:Oat the Goat

用心設計

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


這是一個以故事形式來展現網站:Oat the Goat,動畫很有感覺,雖然小編目前的水平還做不出這類網站,但看看也可以增加點靈感、閱歷,原來網站還能這樣做的,一個網站,一個溫暖的故事,來一起欣賞電影般的酷站,Enjoy!

網站名稱:Oat the Goat
網站地址:http://oatthegoat.co.nz/

(請在PC端欣賞,瀏覽該網站時記得打開聲音哦~)

故事是從一只羊咩咩的歷險開始,他翻山越嶺,途中遇到一些困難和遇到困難的小伙伴們,接著一起去克服,然后越來越多的小伙伴們一起去冒險,經過重重險阻,最終…… (還在讓大家自己欣賞才有 Feel 的)

所有的畫面非常的漂亮,就像在看電影一樣,同時網站還帶有一至交互體驗,讓用戶去選擇。

截圖:羊咩咩遇到第一個有困難的小伙難了哦,我們繼續看看……

截圖:要選擇你要怎么做了

故事結局如何?請自行觀賞,同時您可以在下方評論處說出你的想法:)


 


藍藍設計www.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 

運營與美工都要知道的落地頁轉化技巧

鶴鶴

提高落地頁轉化的技巧,運營與美工各自要做些什么

日歷

鏈接

個人資料

藍藍設計的小編 http://www.gerard.com.cn

存檔

主站蜘蛛池模板: 免费va人成视频网站全 | 国产成人免费高清激情视频 | av无码久久久久久不卡网站 | 美女做爰久久久久久 | 精品人人妻人人澡人人爽人人 | 日本一区二区不卡视频 | 国产成人一区二区三区视频免费 | 中文字幕人妻无码专区 | www亚洲精品少妇裸乳一区二区 | 欧美性白人极品hd | 一本久道久久综合狠狠爱 | 日本在线免费观看 | 日本少妇中文字幕 | 中文精品久久久久人妻不卡 | 国产超碰人人做人人爽av牛牛 | av男人网 | av在线资源站 | 久久av红桃一区二区小说 | 色婷婷五月综合亚洲小说 | 男人搞女人网站 | www久久久天天com | 亚洲最大看欧美片网站 | 亚洲精品人成无码中文毛片 | 中文字幕不卡二区 | 色视频www在线播放国产人成 | 特大黑人娇小亚洲女 | 性生交大片免费看女人按摩 | 秋霞欧美一区二区三区视频免费 | 亚洲香蕉av在线一区二区三区 | 女女百合高h喷汁呻吟视频 女女百合国产免费网站 | 中文字幕av无码一区二区三区电影 | 成人小视频在线观看免费 | 亚洲另类天堂 | 欧美黑人猛交 | 亚洲va视频 | 蘑菇av | 午夜激情导航 | 丰满少妇一区二区三区 | 国产综合久久久久久鬼色 | 成人观看视频 | 欧美一区二区三区激情 | 永久免费黄色片 | 午夜插插 | 亚洲成网站| 91精品福利少妇午夜100集 | 男人晚上看的网址 | 污免费视频 | 深夜在线观看 | 成人精品亚洲人成在线 | frxxee欧美xxee麻豆 | 天堂视频中文在线 | 叶子楣裸乳照无奶罩视频 | 能看的黄色网址 | 伊人久久大香线蕉av色婷婷色 | 男人靠女人免费视频网站 | 长腿校花无力呻吟娇喘的视频 | 久久激情影院 | 亚洲乱码日产精品一二三 | 精品小视频 | 真人作爱免费视频 | 亚洲va欧美va人人爽午夜 | 亚洲精品一区二区三区婷婷月 | 五月婷婷开心网 | 国产精品资源在线观看 | 精品欧美日韩 | 人体一级片 | 91国产视频在线观看 | 神马三级我不卡 | 色月婷婷 | 国产精品成人国产乱一区 | 精品无码成人久久久久久 | 亚洲xxxx天美 | 老司机狠狠爱 | 久草高清| 色偷偷偷在线视频播放 | 国产69精品久久久久久人妻精品 | 内射小寡妇无码 | 中文字幕第五页 | av在线天堂 | 国产资源av | 国产精品久久久久77777按摩 | 免费人成又黄又爽的视频 | 国产精品日日夜夜 | 91玉足脚交白嫩脚丫在线播放 | 国模叶桐尿喷337p人体 | 久久艹伊人 | 毛茸茸绝色孕妇孕交 | 日本五月天婷久久网站 | 国产无遮挡免费 | 国内精品偷拍视频 | 亚洲国产日韩一区 | 狠狠色噜狠狠狠狠 | 色爱情人网站 | a级片久久久 | 国产成人精品一区二区三区在线观看 | 91性生活 | 黄视频免费在线观看 | 51久久成人国产精品 | 久久精品国产精品亚洲红杏 | 国产欧美日韩小视频 | 一区二区三区视频免费看 | 乌克兰少妇性做爰 | 色吊丝av中文字幕 | 青青草成人在线观看 | 高清精品国内视频 | 国产周晓琳在线另类视频 | 日本一区二区观看 | 不卡中文字幕 | 日韩成年人视频 | 国产乡下妇女做爰 | 久久成熟| 一级一片免费播放 | 一区二区三区四区在线观看视频 | 亚洲 欧美 日韩 国产综合 在线 | 毛片av在线播放 | 蜜桃精品噜噜噜成人av | 五月久久| 亚洲情侣偷拍激情在线播放 | 四虎成人精品无码永久在线 | 亚洲s码欧洲m码吹潮 | 亚洲精品第一区二区三区 | 自拍偷拍导航 | 日本伦理中文字幕 | 美女毛片一区二区三区四区 | 91精品国产九九九久久久亚洲 | 992tv人人网tv亚洲精品 | 99热这里只有精品99 | 国模大尺度自拍 | 少妇人妻偷人精品视蜜桃 | 伊人久久超碰 | 三级黄色视屏 | 日本高清不卡aⅴ免费网站 久久精品国产av一区二区三区 | www.狠狠| 日韩欧美在线一区二区 | 伊人网在线 | 女同互舔互慰dv毛片 | 亚洲字幕 | 国产精品亚洲一区二区三区天天看 | 国产精品欧美福利久久 | 色鬼7777久久 | 98国产精品综合一区二区三区 | 少妇乱淫 | 久久超碰99 | 久久aⅴ国产紧身牛仔裤 | 女人高潮潮呻吟喷水 | 久久中文字幕一区 | 无码精品人妻一区二区三区湄公河 | 91精品国产色综合久久不卡98最新章节 | 国产欧美久久久久 | 少妇人妻偷人精品一区二区 | 麻豆视频精品 | 日韩欧美高清在线 | 国产日韩中文字幕 | 韩国三级少妇高潮在线观看 | 亚洲综合欧美色五月俺也去 | 日本黄网站免费 | 猫咪www免费人成人入口 | 国产对白老熟女正在播放 | 亚洲伦理视频 | 亚洲精品视频一二三区 | 亚洲欧美精品伊人久久 | 别揉我奶头~嗯~啊~一区二区三区 | 中国亚洲女人69内射少妇 | 少妇人妻无码专区视频 | 久操热| 欧美在线三区 | 91久久精品国产91性色tv | 国产亚洲精品久久久久的角色 | 性视频毛茸茸 | 99色婷婷 | 伊人久久久久久久久 | 少妇被粗大的猛烈进出免费视频 | 久久综合狠狠综合久久综合88 | 大胸女上下晃奶视频 | 国产精品久久久久久久久免费樱桃 | 美女久久久久久 | 日本久色 | 久久天天躁夜夜躁狠狠85麻豆 | 日韩一区欧美二区 | 日韩欧美一区二区三区四区五区 | 精品无码久久久久久久动漫 | 日本a级片网站 | 免费看毛片基地 | 亚洲国产网站 | 国产特黄特色大片免费视频 | 91视频啊啊啊 | 999zyz玖玖资源站永久 | 中文字幕日本最新乱码视频 | 久久久久久av无码免费网站 | 国内精品久久久久久久久久久 | 亚洲欧美在线播放 | 日韩视频在线免费 | 国产精品精品久久久久久 | 亚洲精品高清在线观看 | 欧美jizzhd精品欧美18 | 亚洲精品国产精品乱码不卡√香蕉 | 人与兽黄色毛片 | 99精品综合 | 国产精品一品二区三区四区18 | 国产剧情在线 | 国产真实精品久久二三区 | 人妻有码中文字幕 | 成人日韩在线 | 最新福利在线 | 日韩国产欧美视频 | 三级4级全黄在线 | 最新国产中文字幕 | 欧美日韩黄色大片 | 欧美精品久久久久久久久久白贞 | 久久久国产99久久国产久灭火器 | 欧美老妇人与禽交 | 中文字幕国产剧情 | 欧美综合精品 | 亚洲精品蜜桃 | 欧美成人一区在线观看 | 公妇借种乱h中文字幕 | 99热一区二区 | 闺蜜互慰吃奶互揉69式磨豆腐 | 麻豆影视在线 | 日产精品久久久久久久蜜臀 | 国偷自产一区二区三区蜜臀 | 成人做爰高潮片免费视频美国 | 久久久久久久亚洲国产精品87 | 中文字幕在线播放一区二区 | 久久久久免费视频 | 久久久xxx| 麻豆av在线 | 午夜不卡av| 8090yy亚洲精品久久 | 日本免费中文字幕 | www福利视频| 亚洲国产欧美国产综合一区 | 九九久久国产 | 94av视频 | 国产精品久久久久无码人妻 | 亚洲色图另类小说 | 波多野吉衣一区二区三区 | www夜片内射视频日韩精品成人 | 九一av| 免费av资源在线观看 | 国产精品久久久久久久9999 | 无码中文字幕乱码一区 | 亚洲精品成人天堂一二三 | 91精品国产色综合久久不卡98 | 极品国产在线 | 日本黄页网站 | 亚洲图片一区二区 | 99视频精品 | 一级片视频免费看 | 国产第一网站 | 国内精品久久久久久影视8 国内精品久久久久影视老司机 | 无码人妻一区二区三区免费视频 | 日韩一区二区三区精品 | 18禁网站免费无遮挡无码中文 | 色哟哟精品观看 | 国产女爽爽视频精品免费 | 成人福利视频网站 | 九九精品热 | 亚洲女优视频 | 狂野欧美性猛交xxxx巴西 | 麻豆精品在线观看 | 在线免费观看视频a | 乱女午夜精品一区二区三区 | 夜夜高潮次次欢爽av女 | 国产午夜福利亚洲第一 | 午夜在线视频观看 | 欧美黄色性 | 69久久国产露脸精品国产 | 自拍偷拍激情视频 | 亚洲精品久久久久国色天香 | 最近免费中文字幕中文高清百度 | 欧美精品91 | 欧美视频精品在线 | 久久综合九九 | 日本a级黄| 24小时日本在线www免费的 | 亚洲精品一区二区三区四区乱码 | 天天干com | 欧美午夜精品一区二区三区 | 久久美女免费视频 | 天天综合网91 | 亚洲 日本 欧美 中文幕 | 青娱乐最新视频 | 男人天堂av网 | 国产不卡一区二区视频 | 久久久午夜精品理论片中文字幕 | 色噜噜狠狠色综合网 | 蜜臀久久99精品久久一区二区 | 久久三级网 | 美女的尿囗网站免费 | 伊人国产视频 | 国产精品av在线免费观看 | 初尝情欲h名器av | 福利视频三区 | 99热只有这里有精品 | 一个人看的视频在线观看www | 色婷婷国产精品 | 中文字幕av资源 | 性色av极品无码专区亚洲 | 91九色视频观看 | 欧美一区二区不卡视频 | 国产三级三级三级精品8ⅰ区 | 中文字幕在线观看视频免费 | 熟妇人妻无乱码中文字幕真矢织江 | 欧美13p | 精品视频在线免费 | 亚洲精品国产精品自产a区红杏吧 | 恶虐女帝安卓汉化版最新版本 | 91丨九色丨蝌蚪丨老板 | 亚洲色偷拍另类无码专区 | 国产精品色呦呦 | 国产精品69午夜妇大片 | 久久99久久99精品免观看 | 国产又粗又黄的视频 | 福利视频大全 | 国产l精品国产亚洲区在线观看 | 老妇女性较大毛片 | 波多野结衣一区在线 | 国产尤物网站 | 国产精品国产自线拍免费软件 | 林雅儿欧洲留学恋爱日记在线 | 区一区二区三 | 亚洲精品12p| 嫩草一区二区三区 | 巨胸爆乳美女露双奶头挤奶 | 亚洲蜜臀av | 天天看片夜夜爽 | 久久精品国产中国久久 | 奇米影视一区二区三区 | 色综合加勒比 | 99久久精品费精品国产一区二区 | 女人浣肠av大片 | 蜜桃堂女性向av片在线观看 | 淫欲av| 成人综合社区 | www亚洲最大aⅴ成人天堂 | 欧美网站免费 | 色老99久久九九爱精品 | 人妻少妇精品无码专区动漫 | 国产午夜精品一区理论片飘花 | 欧美极品jizzhd欧美爆 | 亚洲成人在线视频观看 | 艳妇臀荡乳欲伦交换日本 | 19禁大尺度做爰无遮挡小说 | 青青草原亚洲 | 日本久久网 | vvv国产在线观看一区二区 | 毛片视频免费播放 | 日日噜噜夜夜狠狠久久无码区 | 成人欧美一区二区三区黑人冫 | 亚洲精品视频在线免费播放 | 欧美三级理论片 | 日韩在线aⅴ免费视频 | 一个人看的www日本高清视频 | 日韩欧美不卡在线 | 伊人国产女 | 亚洲欧洲无码av不卡在线 | 日本少妇寂寞少妇aaa | 黑人ⅴvideo粗暴亚洲娇小 | 91丨九色丨91啦蝌蚪老版 | 国产精品福利一区二区 | 欧美在线播放一区 | 欧美视频第二页 | 亚洲 欧美 激情 另类 校园 | 免费黄色在线网址 | 黄色小视频免费在线观看 | 国产精品污污 | 久久情趣视频 | 亚洲三级影院 | 久久久久久久 | 亚洲春色综合另类网蜜桃 | 最新av在线播放 | 亚洲国产精品一区二区三区 | 久久精品夜色噜噜亚洲a∨ 久久精品一二三 | 天堂8中文在线 | 91国内精品野花午夜精品 | 躁躁躁日日躁 | 91精品国产九九九久久久亚洲 | 欧美天堂视频 | 爽爽精品dvd蜜桃成熟时电影院 | 沈阳熟女露脸对白视频 | 老司机午夜福利视频 | 国产91久久婷婷一区二区 | 强奷乱码中文字幕熟女一 | 三级视频国产 | 国产伦精品一区二区三区免费观看 | 色视频www在线播放国产人成 | 中文字幕日韩在线观看 | 医生强烈淫药h调教小说视频 | 久久精品国产视频 | 亚洲啪啪网址 | 国产精品久久久久久亚洲伦 | 亚洲免费中文字幕 | 国产剧情精彩演绎 | 国产精品7| 少妇一级淫片bbb | 中文字幕日韩精品有码视频 | 日一日射一射 | 久久av资源站 | 国产特级毛片aaaaaa高潮流水 | 刺激一区仑乱 | 亚洲jizzjizzlivesex | 制服.丝袜.亚洲.中文.综合懂色 | 四虎com| 精品午夜熟女人妻视频毛片 | 日本美女一区二区三区 | 久草资源网站 | 久久99精品久久久久久久清纯 | 91爽爽| 风韵丰满熟妇啪啪区老熟熟女 | 亚洲视频一区在线 | 丰满少妇熟乱xxxxx视频 | 精品欧美一区二区久久久 | 98精品国产 | 青青草香蕉 | 激情五月婷婷综合网 | 91精品网| 亚洲乱码国产乱码精品精98午夜 | 国产精品无码av不卡顿 | 国产亚洲精品精华液 | 国产中文字幕精品 | 欧美性猛交久久久乱大交小说 | 久久久久亚洲精品 | 亚洲精品视频播放 | 欧美成人黑人猛交 | 亚洲不卡视频在线 | 激情婷婷av | 久久亚洲私人国产精品 | 毛片在线免费视频 | 色窝窝无码一区二区三区 | 黄色三级图片 | 97国内揄拍国内精品对白 | 看全黄大黄大色大片美女 | 伦理av在线 | 午夜影院在线免费观看视频 | 91精品啪在线观看国产线免费 | 97视频在线免费播放 | 黄色不卡视频 | 成人午夜天 | 美腿丝袜亚洲色图 | 亚洲色精品vr一区区三区 | 超碰在线香蕉 | 91视在线国内在线播放酒店 | 精品久久久久久久久久软件 | 色狠狠综合网 | 少妇裸体做爰免费视频网站 | 日韩三区视频 | 在线伊人网 | 国产精品麻豆入口 | 久久无码av三级 | 国产精品久久久久久久久久久久午夜 | 亚洲天堂视频在线观看 | 日本午夜一区二区 | 亚洲熟伦熟女新五十路熟妇 | 97久久精品人人澡人人爽缅北 | 韩国av免费在线观看 | 亚洲成人a√ | 久激情内射婷内射蜜桃 | 日本视频一区二区 | 7799国产精品久久99 | av片网站 | 东京热一本无码av | 国产又爽又黄的激情精品视频 | 国产成人精品在线 | 加勒比久久综合网天天 | 亚洲黄色网址 | 黄色1级片 | 哈利波特3在线观看免费版英文版 | 久热久| 中国极品少妇videossexhd 中国极品少妇xxxxx小艳 | 91看片看淫黄大片 | 国产成人精品日本亚洲i8 | 国产56页| 国产一区二区三区自拍 | 免费国产乱理伦片在线观看 | 欧美精品色婷婷五月综合 | 久久国产成人精品av | aaaa级毛片欧美的 | 狠狠操五月天 | 婷婷四房综合激情五月 | 少妇三级全黄 | 77久久 | 成人性生交片免费看 | 蜜桔视频成人免费观看 | 少妇下蹲露大唇无遮挡 | 狠狠躁天天躁中文字幕 | 手机在线看片日韩 | 久久久橹橹橹久久久久高清 | 波多野42部无码喷潮 | 久久亚洲精品无码aⅴ大香 人人妻人人玩人人澡人人爽 | 中文字幕一区二区不卡 | 亚洲国产精品久久久久秋霞 | 丰满熟女人妻中文字幕免费 | 大巨胸乳美女做爰视频 | 国产精品一区在线观看你懂的 | 日韩欧美亚洲在线 | 乱h伦h女h在线视频 乱lun合集小可的奶水 | av天堂永久资源网 | 精品福利av导航 | 97精品视频| 最新国产精品久久精品 | 正在播放国产真实哭都没用 | 久久久久成人精品免费播放动漫 | 乱精品一区字幕二区 | 91精品啪啪 | 日本aaa级片 | 9l视频自拍九色9l视频成人 | 狠狠婷婷| 99精品视频免费观看 | 在线观看欧美日韩 | 欧美性猛片xxxxx免费中国 | 四虎影视永久免费观看在线 | 久久久综合激的五月天 | 免费激情 | 国产精品久久久久久亚洲影视公司 | 香蕉成人啪国产精品视频综合网 | 三级欧美日韩 | 亚洲国产一二三精品无码 | 国产情侣91 | 秘密爱大尺度做爰呻吟 | 亚欧美无遮挡hd高清在线视频 | 亚洲国产成人一区二区精品区 | 99精产国品一二三产区区别麻豆 | 欧美另类videossexo高潮 | 日本高清三区 | 91亚洲欧美| 欧美jizzhd欧美18 | 久久久无码精品亚洲日韩按摩 | 久99热| 少妇无码太爽了在线播放 | 青青超碰 | 无码av中文一区二区三区桃花岛 | 国产中文网| 亚洲精品一区二区久久 | 第四色男人天堂 | 97人人在线 | 久久人人爽人人爽人人片av高请 | 国产精品18久久久久久麻辣 | 天天做天天摸天天爽欧美一区 | 又黄又爽又色的网站 | 国产91精品一区二区麻豆网站 | 精品一区二区三区波多野结衣 | 人妻少妇偷人精品视频 | 又黄又爽又色的网站 | 日韩av福利在线观看 | 婷婷亚洲综合 | 天天躁日日躁狠狠躁免费麻豆 | 国产乱色精品成人免费视频 | 欧美激情一区二区三区视频 | 久久国产精品日本波多野结衣 | 国产一区二区三区免费视频 | 狠狠色丁香婷婷久久综合不卡 | 精品夜夜爽欧美毛片视频 | 国产高潮好爽受不了了夜色 | 亚洲精品白浆高清久久久久久 | 色中色综合 | 各种少妇正面着bbw撒尿视频 | 人人做人人爽人人爱 | 蜜桃久久一区二区三区 | 最近最新中文字幕高清免费 | 精品国产传媒 | 亚洲免费观看在线视频 | 强行处破女系列中文字幕 | 国产精品一区二区三区视频免费 | 第四色激情 | 亚洲欧美日韩国产精品一区午夜 | 91精品久久久久久久久青青 | 成人毛片观看 | 色噜噜狠狠狠狠色综合久一 | 又色又污又爽又黄的网站 | 国产在线拍揄自揄拍无码视频 | 台湾佬中文娱乐22vvvv | 最新国产网址 | 窝窝人体色www | 色综合久久88色综合天天人守婷 | h片网站在线观看 | 亚洲天堂一级片 | 无码人妻丰满熟妇区bbbbxxxx | 91精品啪啪| 少妇熟女视频一区二区三区 | 狠狠久久精品中文字幕无码 | 中文字幕人妻无码系列第三区 | 少妇熟女高潮流白浆 | 韩国伦理中文字幕 | 天天躁日日躁狠狠躁性色av王爷 | 人妻丰满熟妇无码区免费 | 97视频入口| 久久久久久91香蕉国产 | 免费国产在线精品一区二区三区 | 公妇乱淫1~6集全观看不了啦 | 国产农村妇女精品一二区 | 中文字幕在线观看一区二区 | 国产精品久久久久久久久福交 | 大地资源影视在线播放观看高清视频 | eeuss鲁片一区二区三区小说 | 一级片a级片 | 色播av | 国产男女无套在线播放 | 成人免费观看视频网站 | 女教师高潮黄又色视频 | 99国产精品自在自在久久 | 国产精品女人精品久久久天天 | 一级免费黄色 | 一本大道无码人妻精品专区 | 日韩精品av久久有码一区浪潮 | 日本大人吃奶视频xxxx | 久久久久中文字幕 | 欧美日韩国产伦理 | 噜噜色图 | 国语对白超精彩 | 日本中文字幕在线视频 | 国产成人三级在线观看视频 | 日本十大三级艳星 | 日本aⅴ写真网站 | 天堂在线91|