国产乱子伦无码视频免费,人人妻人人澡人人爽国产一区,97精品人妻系列无码人妻,久久99精品久久久久婷婷

首頁

常識小科普!12個常見的網(wǎng)站交互設(shè)計錯誤

用心設(shè)計

當(dāng)瀏覽網(wǎng)站時,我們喜歡看頁面設(shè)計展示出干凈、清爽的對比。對比達(dá)到了一個重要的目的——它使內(nèi)容可讀,并毫不費(fèi)力地在頁面上指導(dǎo)用戶。這是一個最基本的設(shè)計概念,只是很奇怪,有些網(wǎng)站似乎就是不明白。

沒有足夠的對比度的話,不管是顏色或整體展示,一個網(wǎng)站看起來,在最好的情況下,也會讓你覺得有點兒丈二和尚摸不著頭腦,在最壞的情況下,將會使頁面完全不可讀。

interaction-design-mistakes-01

設(shè)計思維系列之四:德國波茨坦大學(xué)設(shè)計思維學(xué)院的思維的方法

博博

我也繼續(xù)補(bǔ)充一下。主要是美國和歐洲現(xiàn)在在做design thinking的異同。



全世界有兩所大學(xué)的兩個教授,分別是美國和歐洲設(shè)計思維領(lǐng)域的泰斗級人物。一位是斯坦福大學(xué)設(shè)計學(xué)院(d.school)創(chuàng)辦人David Kelley教授,一位便是波茨坦大學(xué)設(shè)計思維學(xué)院(d.school)的創(chuàng)辦人Weinberg教授。



Kelley教授也是美國著名創(chuàng)新設(shè)計咨詢公司IDEO公司的創(chuàng)始人,當(dāng)年曾幫喬布斯設(shè)計出蘋果公司的第一款鼠標(biāo)。Weinberg教授以前在德國波茨坦大學(xué)是動畫方向的教授。



設(shè)計思維之前在跨國公司或創(chuàng)新企業(yè)很流行,現(xiàn)在在美國和歐洲的中小學(xué)也流行起來了。成為最近幾年風(fēng)靡歐美中小學(xué)的一種創(chuàng)造力培養(yǎng)方法。孩子們首先通過采訪調(diào)研獲得同理心,然后聚焦、頭腦風(fēng)暴,發(fā)現(xiàn)核心問題,之后動手制作原型,測試,最終呈現(xiàn)自己的“產(chǎn)品”。



我們很幸運(yùn),于2013年,少年商學(xué)院非常榮幸獲得Kelley教授的認(rèn)可,和書面授權(quán),向中國青少年推廣和應(yīng)用設(shè)計思維創(chuàng)新實踐教育。



少年商學(xué)院線下的設(shè)計思維工作坊,目前已在國內(nèi)六個城市落地。2014年,少年商學(xué)院推出“在線互動直播+線下自主實踐”O(jiān)2O模式的項目 “趣課題”,如今已完成了四次迭代,學(xué)員遍布全國一二三四線城市,反響非常熱烈。



2015年的8月份,德國的weinberg教授,專程來少年商學(xué)院考察。并在公司和我們團(tuán)隊做了一場分享。講了他在德國d.school倡導(dǎo)Design thinking與斯坦福d.school的異同。

設(shè)計思維系列之三:斯坦福大學(xué) Design School David Kelley先生專訪

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

我第一次認(rèn)識d.school是在一次tour的參觀。當(dāng)時被整個學(xué)院的布局、設(shè)計風(fēng)格深深吸引。因為當(dāng)時我和好伙伴在創(chuàng)業(yè),搭建中國青少年觸手可及的優(yōu)質(zhì)教育的平臺youthMBA(有興趣的朋友可以 wechat search "youthmba"里面有更多關(guān)于DT的原創(chuàng)文章 or 官網(wǎng)YouthMBA | 少年商學(xué)院)。我們想為我們課程實踐找到一個匹配的理論基礎(chǔ)。參觀過幾次d.school tour之后,我們覺得DT是最符合我們在國內(nèi) 為kids 打造的《設(shè)計思維工作坊》的氣質(zhì),于是我便參加了幾次線下的training, 合作完成了幾個小的project-- 其中一個是 redesign 餐廳的用戶體驗。 還參加了DT for K12 的seminar,對DT 整個過程有一定的了解,especially for K12. 

談?wù)凞T: 在參加完整個DT后,我非常有幸拜訪了David Kelley先生,他接受了少年商學(xué)院youthMBA的專訪,并且闡述了他對DT的觀點,我整理如下:
屏幕快照 2016-02-09 上午10.44.54.png


設(shè)計思維系列之二:斯坦福大學(xué) Design School Design Thinking的視覺化思考

博博

由于當(dāng)時我們的項目多數(shù)是商業(yè)模式的創(chuàng)新,比較難測試,所以我們采取的方法是請別的組的同學(xué)來“體驗”并且點評我們的解決方案。

99c48d9e526324774fae4b9ba4a4d1cb_b.jpg
(2013屆的同學(xué)在Pre3,Photo by Tatsuhiro Ohtani,VIA同事)
總的來說,Design Thinking所提倡的Test是通過測試產(chǎn)品原型去重新審視自己的產(chǎn)品,甚至是去完善早前定下來的POV。

以上是關(guān)于Design Thinking各步驟的解釋,有興趣的同學(xué)可以移步D.School網(wǎng)站提供的Bootcamp Bootleg,基本是在教你什么是Design Thinking,同時介紹了D.School的一些方法:dschool.stanford.edu/wp
———————————————————————————————————————————
除了具體的五步,與一開始所說,Design Thinking的一個特點是視覺化思考,所以整個過程中,在每一個環(huán)節(jié)里我們都有一兩個presentation要做,最基本的是列舉關(guān)鍵詞或句子來表達(dá),然后是用畫漫畫的方式來“講故事”,或者用表演的方式來闡述自己的想法:

設(shè)計思維系列之一:斯坦福大學(xué) Design School 所倡導(dǎo)的原則和步驟是什么?

博博

藍(lán)藍(lán)在1月份去了斯坦福大學(xué) Design School ,見到這位白發(fā)蒼蒼的老教授,佩服之至,回來后搜索了一些資料學(xué)習(xí)和研究設(shè)計思維課的內(nèi)容。

分成幾個文章,分享給大家!

下面為轉(zhuǎn)載:在講Design Thinking之前,先大概介紹一下Hasso Plattner Institute of Design at Stanford (d.school: Institute of Design at Stanford, 簡稱D.School)。

作為世界領(lǐng)先的設(shè)計學(xué)院之一,D.School的大名想必每一個喜歡設(shè)計的同學(xué)都應(yīng)該有所耳聞。2004年的時候,Stanford的機(jī)械工程系教授David Kelley創(chuàng)立了D.School,具體的介紹大家可以移步D.School網(wǎng)站或者維基百科。

7fbcde886583e671edcb5abd1a6c7c13_b.jpg
(D.School一共兩層,這是大堂,一樓主要用于辦公,開會,開講座和辦展覽,二樓主要用于教學(xué),Photo by Yi Zhang,VIA同事)
而值得注意的是,D.School相比于其他設(shè)計學(xué)院特別的地方有三點:
  • 第一,它在硅谷,與硅谷各種傳奇故事有著千絲萬縷的聯(lián)系。
  • 第二,與斯坦福的商學(xué)院關(guān)系密切,D.School的同事笑稱:“Stanford商院的同僚在和別家商院的人吹牛的時候都會說,你們做的事情我們都會做,而我們還有D.School,我們會Design Thinking?!?br />
  • 第三,有一套通俗易懂的理論根基作為行為準(zhǔn)則,也就是Design Thinking。

好了,鋪墊已夠,進(jìn)入正文:Design Thinking。
先上結(jié)論,Design Thinking是一種思維方式,它有幾個特定的步驟,可以用于不同的項目和人。有個比喻,在我跟別人介紹的時候經(jīng)常提起:Design Thinking就像一本菜譜,它會告訴你燒菜的步驟,燒的時間等等,但是每個人用它炒出來的東西都不一樣,可以有不同的口味,不同的原料和配料,而跟著這本菜譜仔細(xì)做,一般不會做得太難吃。

悄然流行的混合型視差網(wǎng)頁設(shè)計趨勢

博博

如果你仔細(xì)觀察那些的使用了視差技術(shù)的網(wǎng)頁,你會發(fā)現(xiàn)這些網(wǎng)站所采用的視差設(shè)計已經(jīng)似是而非了。這些網(wǎng)頁中的可動元素非常之多,但是并非動畫;配色風(fēng)格和視覺元素趨近于扁平風(fēng),并且借用了來自Material Design的物理隱喻,融合了許多微妙的交互細(xì)節(jié)。諸多時下流行的設(shè)計手法和新趨勢開始被打碎分解揉合到一起,形成了新的混合型視差滾動網(wǎng)頁。

了解新趨勢

21個超贊的網(wǎng)站UI設(shè)計風(fēng)格指南

博博

在網(wǎng)頁設(shè)計或APP UI設(shè)計中,為了更好的規(guī)范設(shè)計文檔,設(shè)計師通常會花時間去把各種UI元素組織起來,比如字體大小、段落行距、按鈕顏色、尺寸等等,制作 Style Guide 雖然會浪費(fèi)一些時間,但卻有其它方面的好處,比如確保UI設(shè)計風(fēng)格保持一致性,讓開發(fā)人員遵循風(fēng)格指南去開發(fā),節(jié)省溝通時間。


文章為大家整理了21個不錯的UI設(shè)計說明范本,設(shè)計師們可以按照這個范本來為自己的項目做一個UI設(shè)計說明,有了這個設(shè)計風(fēng)格指南,也能看出自己的作品是否整潔規(guī)范并提高溝通效率啦。

Material Design引領(lǐng)的設(shè)計趨勢

博博

Google I/O大會發(fā)布了Android L并推出Material Design,重新統(tǒng)一了Google的設(shè)計語言,確立了未來Google的設(shè)計方向。那么,什么是Material Design?我簡單地將它翻譯成“本質(zhì)設(shè)計”。顧名思義,這是一種考慮事物本質(zhì)的設(shè)計,將電子屏幕里的UI元素看成是一種不存在于現(xiàn)實世界的新的材質(zhì),并賦予它物理特性。因此Material Design并不是去擬物化的設(shè)計。許多設(shè)計師把扁平化與擬物化對立起來,其實兩者并不是對立關(guān)系。但我更愿意稱Google新的設(shè)計語言為抽象化。

無論是蘋果的設(shè)計語言,還是Google的設(shè)計語言,乃至于Windows的Modern UI 和Facebook的Paper設(shè)計語言,大方向都是一致的,而在細(xì)節(jié)上卻分道揚(yáng)鑣。蘋果與Google幾乎壟斷了移動設(shè)備的操作系統(tǒng),因此我們談?wù)剰男掳l(fā)布的Material Design中看看有哪些無線設(shè)備的設(shè)計趨勢。

從3個方面聊聊2016年的UI設(shè)計新趨勢

博博

文章從移動應(yīng)用、網(wǎng)頁設(shè)計、設(shè)計工具3個方面聊聊2016年可能流行的新趨勢,有理有據(jù),亮點不少,建議同學(xué)們在研究技法時也多看看這類文章,有助于及時調(diào)整學(xué)習(xí)重點,畢竟設(shè)計師可不能落伍。


移動應(yīng)用


1、各平臺 (Android/iOS/HTML5/Web) 的標(biāo)準(zhǔn)設(shè)計語言接近一致.


部分原生控件上只存在風(fēng)格上的差異,對用戶無顯著影響。Material Design 不會大興其道,更不可能逆襲(用 Material Design 設(shè)計的 App 在 iOS 上使用),iOS 的實用主義設(shè)計會顯著影響 Material Design。


桌面常見的交互形式也將更多影響移動端,要支持 iPad Pro 這樣的生產(chǎn)級設(shè)備,iOS/Android 會為了兼容桌面場景作出優(yōu)化。



640.webp.jpg來源:Google+ 在 Android 版也出現(xiàn)了底部導(dǎo)航的交互

10條建議打造更聰明的設(shè)計流程

博博

身為用戶體驗設(shè)計師,回歸對藝術(shù)設(shè)計的熱愛非常重要。尤其是當(dāng)你尋找創(chuàng)意的時候。

原因有很多?;蛟S是我們工作節(jié)奏太快強(qiáng)度太高,精疲力竭。也可能是你身處一個抑制創(chuàng)意的環(huán)境,每天要與眾多阻力抗?fàn)帯R部赡苣悴恢挥X就成了一個循規(guī)蹈矩的執(zhí)行者,一遍遍重復(fù)同樣的工作。或者僅僅是你感到厭倦了。

日歷

鏈接

個人資料

存檔