少妇无码一区二区三区,曰韩亚洲AV人人夜夜澡人人爽,亚洲天堂男人影院,丰满的闺蜜2中文字幕 欧美日韩亚洲第一AⅤ影院_国产精品午夜无码试看_亚洲视频中文字幕更新_中文无码字幕中文有码字幕

首頁

漲姿勢!世界名牌是怎樣選用字體的?

周周

編者按:@筆戈科技 :今天來見識下福布斯榜上各大世界企業(yè)是如何為它們的LOGO挑選字體的,有助于同學們了解襯線與非襯線字體在生活里的具體運用,等自己上手了思路也會更清晰,話不多說,來學習吧。

名牌之所以成為名牌,常常是由于企業(yè)的決策者能注意到諸多常人無心關注的細節(jié)。

比如,字體。選擇合適的 Logo 字體,可以在最直接的視覺觀感上傳遞品牌的信息,其重要程度不亞于文字本身。

所以,世界級品牌對于字體選擇的嚴苛程度,往往是小企業(yè)無法想象的。下面我們一起來看看福布斯榜上的各大名牌企業(yè)都選用了什么字體,并觀察一下其中的規(guī)律與趨勢。

字體對網(wǎng)站也有關鍵的作用,不信看 >>> 《網(wǎng)站字體有多重要?它幫網(wǎng)站提高了38%的流量!》

人人都愛 Helvetica

相信沒有人會對 Helvetica 的流行產(chǎn)生異議吧。在平面設計中,Helvetica 的通用性和普適性使其倍受喜愛,這種簡潔、端正、優(yōu)雅的字體,永遠都是不會出錯的選擇。

于是,選用 Helvetica 的品牌跨越了各種行業(yè):豐田、塔基特百貨、寶馬,通用汽車,美國服飾……

1fin20150107

四類彈框的四大設計準則

用心設計

有一種大家見得最多的,就是評分類彈窗。這種自動彈出的提醒,每次都會讓我有想卸載APP的沖動。855B29BA-2874-4892-93EE-923AE007BEAE.png

[ISUX譯]Touch bar 設計指南

濤濤

導語:日前蘋果發(fā)布會上,最大的亮點之一當屬替代一欄功能鍵的Touch bar。本文包括有5個小節(jié),詳細介紹了Touch bar設計原則、新特性和基本元素 ,一起來學習。

Touch bar概述

Touch Bar是位于新一代MacBook Pro鍵盤上方的一條 Retina 顯示屏,同時也是與主屏幕內容交互提供動態(tài)操作界面的輸入設備?;诋斍罢Z境,Touch Bar的這些控件能對系統(tǒng)或應用的功能進行快速訪問。 例如,當用戶在編輯文檔時,Touch Bar可提供調整字體類型和大小的控件。 當用戶查看地圖時,Touch Bar可一鍵快速查找位置附近的加油站、住宿和餐館。 Touch Bar右側的Touch ID傳感器支持指紋登錄計算機及App Store和Apple Pay的購買支付功能。

正在逐漸流行的分屏式設計,常見的玩法有哪些?

周周

習慣了一欄式的設計,將屏幕一分為二的設計常常會讓用戶感到更加新鮮。網(wǎng)頁中并排的兩欄呈現(xiàn)不同的信息,是分屏式設計的最典型特征,兩邊的信息可以包含相同類型的元素,可以呈現(xiàn)不同屬性的媒體內容,比如一邊是圖片,一邊是文本。

分屏式設計完美的解決了你需要同時呈現(xiàn)兩個不同內容的需求,這種UI界面突出了這兩項內容的對等地位,讓用戶自行瀏覽,或者作出選擇。

你會發(fā)現(xiàn),分屏式設計不僅僅是一種逐步流行的頁面設計趨勢,而且非常實際地解決了需要呈現(xiàn)同等重要內容、讓用戶選擇的設計需求。這種呈現(xiàn)方式看起來原始,但是確實有著明顯的優(yōu)勢:

·引起用戶對于特定區(qū)域的注意力
·創(chuàng)造對比
·非常規(guī)式的布局

此外,分屏式設計和響應式框架能夠很好的結合起來,這種類型的布局特別適合在桌面端大屏幕和平板電腦上使用,同時還能夠在小屏幕上以上下堆疊式的方式呈現(xiàn)出來。

在今天之前,優(yōu)設也曾預測過分屏式設計的流行:《查漏補缺!極有可能被低估的三種有趣的網(wǎng)頁設計趨勢》

分屏式設計的最佳選項

當你將屏幕劃分為兩塊的時候,兩個區(qū)域內的內容的重要性是同等的,這也意味著你可以在這個界面中傳達雙重重要的概念。處于兩個對等區(qū)塊的元素就像陰陽魚一樣,從視覺到功能上,同等重要,互為補充。

活力四射的配色和趣味十足的排版

得益于扁平化設計和Material Design 在設計領域的大范圍普及,色彩和排版成為了目前設計的主要驅動力。鮮艷的色彩帶來視覺刺激,而有趣的排版則讓文本更有意思,兩者的結合能帶來頗為值得一看的設計。

色彩和排版的組合

圖片和色塊的組合

吸引用戶注意行為召喚按鈕

分屏式設計在視覺設計可以很有張力,這也意味著身為設計師的你同樣可以合理地運用留白創(chuàng)造視覺焦點,將用戶的注意力吸引到特定的元素上,這也是行為召喚(CTA)按鈕的使用原理。

將屏幕視作一個卡片

分屏式設計本質上是從卡片式設計中延伸出來的,而遵循這一設計原理的網(wǎng)站通常都會將屏幕視作為一個卡片,每一屏都是一個容器,每個卡片都承載一個交互和一條信息。

屏幕的左邊包含一個卡片,而右邊則包含了一對卡片

分屏式設計是自由的,它所包含的左右兩大塊其實是還可以繼續(xù)往下細分的,比如下面的Stikwood 這個網(wǎng)站就將右側的部分劃分為更小的區(qū)塊,用來承載更多的內容,提供更多的信息入口。

小貼士:盡量讓你的界面保持簡單,即使要分割出更多區(qū)塊,也盡量不要使用復雜的模式,否則UI界面會看起來很混亂。

構建視覺關聯(lián)

雖然分屏設計模式讓你可以在其中呈現(xiàn)截然不同的元素,但是兩個信息容器之間還是有關系和關聯(lián)的。創(chuàng)建關聯(lián)的方式很多,色彩是最常用的一種構建聯(lián)系的方式。通過“共享”最明顯的色彩,讓兩個不同的屏產(chǎn)生聯(lián)系,產(chǎn)生視覺流。如果這個色彩正好是品牌色的話,效果尤其明顯:

Bump 使用品牌色來構建視覺流,讓界面和用戶產(chǎn)生聯(lián)系

Marka 也采用了類似的技巧,色彩對比度更加強烈

另外一個值得一提的技巧,是讓某個元素橫跨兩個區(qū)塊(比如文本),讓這個元素來作為兩個區(qū)塊的連接點:

除了文字,你還可以使用色彩疊加來連接兩個部分:

這個分屏設計案例中,右側的屏幕看起來像是左側屏幕的延伸一樣。

使用動效鼓勵用戶交互

動效越來越多的參與到我們的UI設計和交互中來,使用動效來鼓勵用戶但與到交互中是非常合理的設計策略??纯聪旅?Chekhow is Alive 這個網(wǎng)站的設計,設計師通過動效展示不同的角色,與你進行匹配。

結語

分屏式的頁面設計非常有趣,功能也足夠強大,不過你的內容是否適合用來這么展示?所以,在如此設計之前,建議先問自己幾個問:

·分屏式設計是否和你的網(wǎng)站內容相匹配?是否有足夠的布局來進行分屏式設計?
·你的用戶是否會喜歡這樣的布局?
·將用戶的注意力一分為二是否合適?

引導設計的最佳實踐

用心設計

普通應用在起初的三天里每天會流失77%的日活躍用戶。

 

        你肯定不想你的公司發(fā)生這樣的事情,為獲得新用戶而投入了眾多資源,而大多數(shù)用戶僅僅在首次訪問之后便馬上離開了。如何改善這種情況呢?即你需要通過創(chuàng)造完美的訪問流程為用戶留下非常棒的第一印象。

引導設計的最佳實踐

將視頻融入網(wǎng)頁設計有哪些講究?

濤濤

隨著網(wǎng)絡傳輸速度的提升,視頻在網(wǎng)頁中的應用越來越多,也越來越廣泛,帶寬和流量對于網(wǎng)頁視頻的限制已經(jīng)不再像5年前那么明顯。而移動端設備的性能的提升,在移動端網(wǎng)頁中使用視頻也并不顯得吃力。所以,今天我們常常能在不同的網(wǎng)頁中看到各種不同功用的視頻。

常言道一圖勝千言,而視頻比起圖片所能承載的信息量更大。如果能夠有效的使用視頻,它對于用戶的吸引力會非常明顯——它可以更好的傳遞情緒,更加富有表現(xiàn)力,能讓用戶更容易“感受”到你想要傳遞的信息。不過,相比于其他元素,視頻都比較“重”的媒體,使用的時候要謹慎。

簡而未減 結構化消息專為大屏而設計

濤濤

隨著大屏幕高清分辨率的普及,我們在打游戲、看電影、瀏覽美圖時,總希望屏幕越大越好,這種視角上廣度與深度的享受以及和沉浸式、聚焦的體驗,是在小屏幕上完全給予不了的。

圖中可以看出5.5英寸以上屏幕可以稱Phablet,7英寸以上就是Tablet。這次案例以Tablet設備為主,Phablet設備為輔進行體驗設計。

實戰(zhàn)經(jīng)驗!交互設計師如何與產(chǎn)品經(jīng)理協(xié)作?

周周

@薛斯塔 :交互設計師產(chǎn)品經(jīng)理的協(xié)作問題是產(chǎn)品設計中的一個老大難,我在工作中經(jīng)常會聽到同行對產(chǎn)品經(jīng)理們的血淚控訴。作為交互設計師,學會和團隊中不同的角色協(xié)作是我們的專業(yè)能力之一,如何溝通、影響乃至于推動自己的設計方案進行實施是每一位設計師需要去磨練的,這不僅僅是那份執(zhí)著,更是一種技巧。

下面進入譯文。

在互聯(lián)網(wǎng)行業(yè),交互設計師還是一個相對比較新的職位。因此,在工作中我們常常見到產(chǎn)品經(jīng)理過多介入交互設計師的工作,甚至有的團隊直接讓產(chǎn)品經(jīng)理來做交互設計的工作,這是為什么呢?實際上,在互聯(lián)網(wǎng)發(fā)展的早期,這確實是同一個人的工作!產(chǎn)品經(jīng)理的職能之一就是支持和協(xié)助部署交互設計方案,以確保產(chǎn)品的方案可行性。隨著互聯(lián)網(wǎng)的成熟發(fā)展和工作職位的細分,交互設計師這個被細分出來的角色被定位出來設計產(chǎn)品的交互方案是威脅到了產(chǎn)品經(jīng)理的工作范疇。

因此,在日常工作中,產(chǎn)品經(jīng)理和交互設計師這對冤家是一直在暗中腳力的,交互設計師的方案每每遭到產(chǎn)品經(jīng)理的質疑甚至是無視,這其中有專業(yè)能力層面的合理分歧,當然也夾雜著一些主觀層面的感受之爭,最終導致的是產(chǎn)品經(jīng)理經(jīng)常性的忽視來自體驗設計團隊的一些方案建議。那么,我們如何才能改善兩者之間的合作關系,從而使兩者能夠客觀的協(xié)作制定合理的體驗設計方案呢?

騰訊好文!配色新人應該學會的6個色彩知識點

濤濤

今天騰訊的@余盼Designer 從色彩構成、色彩聯(lián)想、情感化設計、秋冬流行色和案例分析等6個方面聊聊色彩在設計中的應用。

頂尖高手的分享!交互設計師如何與他人合作?

周周

@凌霜設計 (Frog Design交互生): 作為一名交互設計師,如何更好地與項目里的其他人合作?如何更好地利用大家的時間?團隊經(jīng)理用畫圖的方式跟我解釋了一下,有些問題并沒有直接的答案,但是我覺得解釋的方式很有趣,我憑著記憶把它們重新畫了一下,和大家聊聊合作的問題。

今天和我的經(jīng)理聊了一下最近工作上發(fā)生的事:上周做了什么,這周和下周準備要做什么。剛剛結束了設計階段(Design Sprint)1,和客戶開了遠程會議,收到了許多的反饋意見,各個方面的都有。

現(xiàn)在項目正處于一種(我覺得)特別尷尬的階段:視覺設計師只出了初步的幾個概念圖,程序員還在準備框架,尚未開始寫代碼,但是根據(jù)原先的計劃,這周就要開始開發(fā)了。作為交互設計師,一方面留著一大堆反饋意見還沒有反映到線框圖中,另一方面設計階段2的任務已經(jīng)要來了。雖然還沒有開始設計,但從可能的流程上來看,任務量巨大,是一個特別復雜的系統(tǒng),不光是設計一個新的交互方式,還是新的工作方式和商業(yè)模式,心里真沒底。

我把自己的困惑告訴了經(jīng)理:作為一名交互設計師,如何更好地與項目里的其他人合作?如何更好地利用大家的時間?他用了畫圖的方式跟我解釋了一下,有些問題并沒有直接的答案,但是我覺得解釋的方式很有趣,我憑著記憶把它們重新畫了一下,和大家聊聊合作的問題。

什么是敏捷開發(fā)(Agile)

先說一下總體的合作方式,我們用的是敏捷開發(fā)(Agile)的方式。維基百科上是這么解釋的:

敏捷軟件開發(fā)(英語:Agile software development),又稱敏捷開發(fā),是一種從1990年代開始逐漸引起廣泛關注的一些新型軟件開發(fā)方法,是一種應對快速變化的需求的一種軟件開發(fā)能力。它們的具體名稱、理念、過程、術語都不盡相同,相對于“非敏捷”,更強調程序員團隊與業(yè)務專家之間的緊密協(xié)作、面對面的溝通(認為比書面的文檔更有效)、頻繁交付新的軟件版本、緊湊而自我組織型的團隊、能夠很好地適應需求變化的代碼編寫和團隊組織方法,也更注重軟件開發(fā)過程中人的作用。

如果把這種方法簡單視覺化一下,就如下圖:

日歷

鏈接

個人資料

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

存檔