首頁

【譯】卡片式設(shè)計強(qiáng)在哪里

用心設(shè)計

什么是卡片式設(shè)計?

卡片式設(shè)計的“卡片”其實(shí)是交互信息的載體,通常以矩形的形式呈現(xiàn)。這種樣式很像我們?nèi)粘I钪杏玫降目ㄆ?,比如名片、信用卡和球星卡等。所以我們形象的稱這種設(shè)計風(fēng)格為卡片式設(shè)計。2URBRfV.jpg

進(jìn)階必讀!UI 設(shè)計規(guī)范的制作思路+常見問題總結(jié)

周周

編者按:制作UI 設(shè)計規(guī)范的大體思路應(yīng)該是怎樣的?制作規(guī)范時容易遇到哪些瓶頸?今天這篇好文是華為設(shè)計師總結(jié)的經(jīng)驗(yàn),幫你一次性搞定這兩個問題!

2016已經(jīng)接近尾聲,上兩天剛參加完比賽,利用這幾天空閑時間,把最近沉淀下來的東西分享出來。

上個月團(tuán)隊幾個小組進(jìn)行友誼比賽,命題是“郵件”。規(guī)定大家以產(chǎn)品思維去設(shè)計一款全新的產(chǎn)品,形式不限。很難得的是所有人都參加了產(chǎn)品設(shè)計的每一個環(huán)節(jié)。我們秉著發(fā)現(xiàn)問題、解決問題的態(tài)度開始了這次友誼比賽。

做好4個細(xì)節(jié)設(shè)計,讓移動APP 用戶體驗(yàn)脫穎而出

用心設(shè)計

啟動頁、空狀態(tài)、動畫反饋、框架界面… 今天提到的這4種狀態(tài),都是容易被忽視,而又能讓移動App 脫穎而出的細(xì)節(jié)。如何做好這4個細(xì)節(jié)的用戶體驗(yàn)設(shè)計?今天這篇好文總結(jié)了關(guān)鍵的幾個原則。


圖片搜索結(jié)果


理清交互思路,對自己下狠手

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

在和客戶前幾次見面中,常見的問題是理清交互思路、增強(qiáng)易用的問題。

其次才是美觀的問題。

美現(xiàn)是最表層突現(xiàn)的問題,隱含著交互的混亂,造成操作的不便。

這種情況基本上在每一個客戶每一個項目都會出現(xiàn)。


客戶方面的技術(shù)、產(chǎn)品總監(jiān)往往非常了解業(yè)務(wù),但是對自己的產(chǎn)品遲遲下不了手,原因:

1 希望得到更專業(yè)人士的咨詢和指導(dǎo)。因?yàn)橥粋€公司的技術(shù)、產(chǎn)品總監(jiān)已經(jīng)是公司中最了解產(chǎn)品和客戶、業(yè)務(wù)的技術(shù)人員了,不能確定自己的想法是最佳的。

2 優(yōu)化UI,會帶來巨大工作量,如果有外部人員明確指出是必改的,也就認(rèn)了。自己給自己添巨大工作量,往往下不了手。


這事兒我也特別能理解,我們藍(lán)藍(lán)設(shè)計的網(wǎng)站已經(jīng)至少三年沒改版了,不美,但因?yàn)橐子眯蕴貏e好,一覽無余,我們一直下不了手,無法取舍。對別人的產(chǎn)品能非常清晰的思路,對自己的網(wǎng)站卻下不了手。忙于客戶的項目,自己公司網(wǎng)站改版總想做一個特好的,投入不了整塊的時間,工作量又很大,對自己的網(wǎng)站卻下不了手。

可見自已的產(chǎn)品,最好是別人來操刀,集思眾議,才好。

理清交互思路,對自己下狠手,才好。

提高團(tuán)隊效率!SPOTIFY 總監(jiān)如何從零開始讓設(shè)計標(biāo)準(zhǔn)化?

周周

編者按:2012年的Spotify 設(shè)計團(tuán)隊還是一團(tuán)亂麻,到今天已經(jīng)是協(xié)同效率,有標(biāo)準(zhǔn)可循的頂尖團(tuán)隊。來看這位總監(jiān)如何從零開始改善它的。

歡迎關(guān)注譯者的微信公眾號:「非科班設(shè)計」

“設(shè)計無法標(biāo)準(zhǔn)化”在過去四年一直困擾著我。2012年我加入Spotify設(shè)計團(tuán)隊的時候,被當(dāng)時的混亂與分散嚇到了。說得詳細(xì)點(diǎn),字體、色彩、圖片、板式、信息架構(gòu)和交互方式好像全部都沒有能夠遵循的標(biāo)準(zhǔn)。

當(dāng)我開始跟他們談?wù)撨@件事時,我才知道整個團(tuán)隊也為此覺得沮喪。我們的結(jié)論是:支離破碎的產(chǎn)品恰巧反映這個團(tuán)隊的松散,設(shè)計師分散在不同的項目、時區(qū)和漫無目標(biāo)的時程表,當(dāng)然不可能有任何機(jī)會去改善。

可是,這些原因在現(xiàn)代科技公司不是很常見嗎?所以我第一次說出:“設(shè)計無法標(biāo)準(zhǔn)化”。

uisdc-standard-20161228-(0).webp

如何在企業(yè)中做好的設(shè)計管理?

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

0)首先做到一個好團(tuán)隊的管理。參見我在 作為一個設(shè)計師出身的人,如何管理一個設(shè)計團(tuán)隊甚至產(chǎn)品團(tuán)隊?里面的回答。

1)關(guān)心團(tuán)隊成員的需求和夢想,幫助他們爭取資源、制定計劃來實(shí)現(xiàn),獎勵他們?nèi)〉玫某煽?/span>

每個人都不會甘于平庸、永遠(yuǎn)做螺絲釘,否則也無法成為一位好設(shè)計師。但是再高遠(yuǎn)的理想也要以現(xiàn)實(shí)中一步步的積累和努力為基礎(chǔ),這時,一句簡單的鼓勵、一個看似小小的機(jī)會、一些堅持和督促,甚至可能會改變一個人的一生。讓希望縱向發(fā)展、橫向發(fā)展的設(shè)計師都獲得充足的空間。

科普好文!交互設(shè)計師的價值與設(shè)計方案的評價維度

周周

編者按:很多同學(xué)不清楚交互設(shè)計師是做什么的,也不知道如何評價一個App 的交互,不過看完這篇你就懂啦。

一、交互設(shè)計師的價值

1. 職能價值

將需求轉(zhuǎn)化為解決方案的能力(將模糊抽象的需求轉(zhuǎn)化成清晰具體的可視化解決方案)。

這個價值是最基本的專業(yè)價值,但你千萬不要覺得你做的僅僅是用軟件畫幾個頁面而已。

例如你接到一個掃碼申請加入群聊的需求,你的任務(wù)不只是將申請加入的頁面畫出來,而是要考慮整個用戶場景,就比如用戶申請入群后,如果審批人沒有拒絕,也沒有同意,相當(dāng)于服務(wù)器沒有接收到任何指令,那申請的頁面怎么反饋呢,這些都是要考慮進(jìn)去的。

所有交互設(shè)計師要提供的是一整套解決方案,其中要考慮正向、反向、閉環(huán)等各種場景。

重回80年代!為網(wǎng)頁注入迷人的孟菲斯設(shè)計風(fēng)

周周

復(fù)古一直在流行,這也是為什么過去許多設(shè)計趨勢常常會沉寂若干年之后,又再次走到潮流的最前線。今天,我們要聊的是孟菲斯設(shè)計風(fēng)(Memphis Design),這種設(shè)計風(fēng)格充滿了80年代的特征,明亮的色彩和多樣的圖形與線條充斥其間,它也是近年重歸流行的設(shè)計風(fēng)格之一。

了解孟菲斯設(shè)計

孟菲斯設(shè)計是一種時髦的風(fēng)格,它擁有現(xiàn)代設(shè)計的特征,最初是源自于紡織品的設(shè)計。有人嗜好孟菲斯設(shè)計風(fēng)格,而有人則恰恰相反,一點(diǎn)也不適應(yīng)。

解鎖新姿勢!我有一百種方法教你撩出滿意的BANNER

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

寫這篇文章的意義在于,很多人表示不知道如何動手開始做一個Banner,拿到需求腦袋里是懵的,那么歸根結(jié)底還是看的太少做的太少了,所以今天我就給大家總結(jié)梳理一下我們目前市面上的Banner有哪些品種(表現(xiàn)形式和手法)好了,因?yàn)樵谖铱磥?,電商設(shè)計師是應(yīng)該要保持一個比較寬的可超控閾值的,就比如說你要能既做的了小清新也做的了重口味,玩得起高冷大牌也受的了特價清倉大甩賣。

所以我們這次文章分享的主題就是:“解鎖新姿勢,我有一百種方法教你撩出滿意的Banner!~”

2017年,這五條設(shè)計趨勢將驚艷整個設(shè)計圈

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

  1. 微交互將會大量主導(dǎo)產(chǎn)品設(shè)計細(xì)節(jié)
  2. 平,卻不再那么平了,顏色,字體和質(zhì)感將成為設(shè)計師追捧的視覺利器
  3. The internet of everything真正崛起,將增加設(shè)計的復(fù)雜度
  4. 人的距離將會無限被拉近
  5. 觸覺聲音3D,我的五感都可以有交互

日歷

鏈接

個人資料

存檔