首頁

新手科普文!每個設(shè)計師都該懂的柵格系統(tǒng)基礎(chǔ)六要素

資深UI設(shè)計者

以前有很長一段時間,我一直搞不明白到底什么是柵格,聽過很多解釋之后還是云里霧里的,后來發(fā)現(xiàn)有很多小伙伴也都有這樣的疑問,所以決定分享一下自己對柵格系統(tǒng)的理解。

首先我們必須要對柵格系統(tǒng)有一個基本的認知,我將這四個字拆分開成“柵格”和“系統(tǒng)”兩個詞來分別解釋。

關(guān)于柵格

柵格是由網(wǎng)格演變而來的另一種說法,都是一個意思——格子,所以不要覺得柵格有多高深復(fù)雜,如果把他描述成格子,你還覺得它有多難理解嗎?

其實我們都是柵格專家,因為在我們幾歲的時候,就已經(jīng)接觸了很多柵格,比如方格本:


有理有據(jù)!為什么我極力推薦UI 設(shè)計師學(xué)習(xí)手繪?

資深UI設(shè)計者

兩年前,寫過一篇UI入門的文章,學(xué)習(xí)的第二步著重強調(diào)了,成為一名設(shè)計師,應(yīng)該具備一些基本的手繪功底。雖然我知道對于很多圈子而言,設(shè)計師該不該學(xué)習(xí)繪畫是具有爭議性的,但我還是要力推新手入門必須重視這門技巧。

UI 自學(xué)入門:《超實用新手指南!零基礎(chǔ)如何自學(xué)UI設(shè)計?》

學(xué)習(xí)繪畫,首先必須明白為什么要學(xué),以及學(xué)了以后有什么用,否則很容易淪為形式上的過場,在漫長的學(xué)習(xí)生涯中欺騙自己做過努力的又一借口。

一. 手繪的作用

1. 鍛煉我們理解物體的形體、輪廓、明暗的思維

實踐提煉:復(fù)雜To B產(chǎn)品的設(shè)計思路

資深UI設(shè)計者

ERP系統(tǒng)是典型的To B產(chǎn)品,擁有體量大、功能雜、專業(yè)強等特點。前段時間接觸了如此龐大系統(tǒng)中三個子系統(tǒng)的改版工作,從手足無措到冷靜思考,在無數(shù)磕磕絆絆中總結(jié)了一些面對大型B端項目時可用的設(shè)計思路。

因為項目復(fù)雜,此篇是整體設(shè)計思路的提煉及方法論的提出,具體的案例及方法論闡述后續(xù)會有更多文章來和大家共同探討。

幫助新手熟悉產(chǎn)品的向?qū)С绦?,遵循著怎樣的設(shè)計模式?

資深UI設(shè)計者

什么是向?qū)С绦?

向?qū)С绦蛲ǔ峁┮幌盗械牟襟E或者目標,讓用戶在完成步驟達成目標的過程中,逐步熟悉這個平臺或者產(chǎn)品。向?qū)С绦颍╓izerd),或者說是新手向?qū)ё畛跏歉綆г趯嵨锂a(chǎn)品的說明書當(dāng)中,告訴用戶如何起步,怎么使用產(chǎn)品。在此之后不就,隨著互聯(lián)網(wǎng)的和數(shù)字產(chǎn)品的發(fā)展,它也引入到數(shù)字產(chǎn)品當(dāng)中。最典型的,就是各種軟件的安裝向?qū)А?

產(chǎn)品改版實戰(zhàn)經(jīng)驗:設(shè)計師如何做改版效果評估?

資深UI設(shè)計者

產(chǎn)品改版前設(shè)計師該對哪些內(nèi)容進行調(diào)研?改版后該用哪些指標、哪些數(shù)據(jù)要注意?筆者結(jié)合項目實踐,寫成此篇改版調(diào)研經(jīng)驗小結(jié)(效果評估篇),歸納出一些通用型的經(jīng)驗和流程來幫助設(shè)計師自行開展改版項目的調(diào)研工作。

一、背景

互聯(lián)網(wǎng)產(chǎn)品的節(jié)奏特點就是小步快跑,不斷迭代優(yōu)化,因此產(chǎn)品改版是很常見的情況。設(shè)計師和產(chǎn)品同學(xué)等也都意識到可以借助調(diào)研幫助實現(xiàn)業(yè)務(wù)目標和更好滿足用戶需求。但是在實際工作中,筆者經(jīng)常會遇到設(shè)計師在改版前會來討論要調(diào)研的內(nèi)容,表示不太清楚從何入手,或者改版后過來咨詢“我們想看看改版后的效果,但是不知道該用哪些指標,看哪些數(shù)據(jù)?” 鑒于以上情況,筆者結(jié)合項目實踐,歸納出一些通用型的經(jīng)驗和流程來幫助設(shè)計師自行開展改版項目的調(diào)研工作,由于篇幅的問題,本文先只介紹改版后的效果評估部分,總結(jié)起來,可以從3個意識,5個環(huán)節(jié)入手,具體請看下文。


全球化設(shè)計系列!如何為不同文化而設(shè)計?

資深UI設(shè)計者

全球化并不是一個新話題,而是一個老難題。

各大公司都想做全球化,但全球化怎么做卻難倒了大家。不止是商業(yè)策略,即便是純設(shè)計這塊都是有待摸索。阿里國際 UED 這些年在為 http://AliExpress.com http://Alibaba.com 進行設(shè)計的過程中不斷的進行國際化設(shè)計的探索,今天我們將和大家來分享一下這個主題的第一篇,為不同文化而設(shè)計。

Banner設(shè)計終極寶典!6招搞定點綴元素的運用!

資深UI設(shè)計者

我以前就反復(fù)提到過,一個最常規(guī)的最完整的Banner,一般有這五個組成部分:文案/模特商品/背景/點綴元素/LOGO,我給大家簡單做了一個示例:

實例教學(xué)!25個幫你運用好極簡風(fēng)格的設(shè)計方法

資深UI設(shè)計者

@喪心病狂十六夜貓 :在過去的幾年中我們時常會聽見別人說“極簡風(fēng)格(英: Minimalism)”這個詞,但這究竟是什么,我們又該怎么使用呢?這一次,就讓我們一起來看看極簡風(fēng)格具體的使用方法與參考案例吧。

極簡風(fēng)格,就是將設(shè)計省略到最小限度,只留下真正引人注意的內(nèi)容,這樣一種表現(xiàn)風(fēng)格。通過極簡風(fēng)格,可以將設(shè)計的意圖與目的更準確的傳達出來。

極簡風(fēng)格看起來很簡單,但完成作品也是需要大量的練習(xí)和長時間的制作的。


2017年德國IF設(shè)計大獎金獎出爐了,都有哪些精彩的設(shè)計?

資深UI設(shè)計者

好奇心日報-徐佳辰:雖然獎項名目越來越繁雜,但依然可以從這里看見是什么樣的產(chǎn)品在塑造我們現(xiàn)在和未來的日常生活。

于 1953 年由德國漢諾威工業(yè)設(shè)計論壇設(shè)立,每年舉辦的 IF 設(shè)計獎是全球范圍內(nèi)工業(yè)設(shè)計和產(chǎn)品設(shè)計的權(quán)威類獎項。

它的初始概念可以追溯回二戰(zhàn)后的德國,以陶瓷生產(chǎn)商 Rosenthal 家族的 Philip Rosenthal 為首,一群集合商人、制造商和設(shè)計師的行業(yè)人士希望通過追尋包豪斯設(shè)計風(fēng)格及一種“優(yōu)質(zhì)形態(tài)”——結(jié)合優(yōu)美的外形和良好的道德品質(zhì)的工業(yè)產(chǎn)品,為德國樹立起新的品牌形象。

現(xiàn)在,隨著 IF 的知名度和商業(yè)運轉(zhuǎn)規(guī)模擴大,其獎項中的作品分類由最初的產(chǎn)品設(shè)計、傳達設(shè)計和包裝設(shè)計三類,拓展到了包括室內(nèi)設(shè)計、建筑設(shè)計、服務(wù)設(shè)計和概念性設(shè)計的七類。

2017 年,IF 大獎共收到了來自全球 59 個國家的 5575 份作品投遞。包括的蘋果 Macbook Pro、iPhone 7 plus、寶馬 5 系列在內(nèi)的 75 件設(shè)計獲得了最終的金獎。以下是我們在大獎名單中篩選出的其他有趣作品。

這5個思路,能讓你的線上廣告更加吸引人

資深UI設(shè)計者

現(xiàn)如今的設(shè)計師大都是多面手,雖然各有擅長,但是通常會涉足不同的設(shè)計領(lǐng)域。網(wǎng)頁設(shè)計師偶爾也會設(shè)計幾個宣傳用的折頁,UI設(shè)計師偶爾做幾張海報。

雖然絕大多數(shù)的設(shè)計項目都遵循著相同的設(shè)計理論,并且都要做的足夠好看,但是不同的設(shè)計產(chǎn)品的成敗,決定性的因素并不相同。廣告設(shè)計就是如此。通常廣告位所預(yù)留的空間就不大,容錯率并不高,而借助這小小的一塊地方,你只有一次機會去打動你的目標用戶。那么你要如何地設(shè)計出有用的廣告呢?今天的文章,為你分享5個可供你參考的思路。

設(shè)計重要,但是出發(fā)點和想法更重要,有的時候,好的思路是成功的一半。

日歷

鏈接

個人資料

存檔