您現在的位置是:電腦技術吧?>? 基礎知識 ??>??自白宋在仁,我的自白??>??正文詳情

自白宋在仁,我的自白

鐸陽朔2019-11-06 14:31:25 人圍觀
簡介22年后的自白對于互聯網行業的許多設計師來說,dribble一直是探索和發現新設計趨勢的好地方對于一個設計師來說,獲得dribbble的邀請代碼也是一件光榮的事情,但一個非常自白劇情

對于很多從事互聯網行業的設計師來說,Dribbble 一直是一個探索和發現新的設計潮流的好地方。

能拿到 Dribbble的邀請碼,對于一個設計師來說也是一件挺光榮的事。

  但是一個很嚴重的事實就是 Dribbble 上面的一些 UI 設計作品現在越來越脫離了基于產品的思考,變成了一個單純視覺作品。

  起初在 Dribbble 上面也有很多飛機稿,但是大多是設計師和需求方對設計的理解不一致,導致設計師的某一個作品無法商用,但是這個設計稿里面往往也包含了很多設計師對產品的思考,理解。

  但是現在的 Dribbble 上面的飛機稿是什么樣子的呢?往往就是設計師自己去設計一個看起來會很酷炫的頁面。

  這些界面有哪些共性呢?有一部分超出頁面的帶彩色投影的按鈕或者板塊,貫穿整個頁面的貝塞爾曲線。

當然最好還有一些大大的數字。

最重要的一點是這個界面最好全用一種顏色,一定要做成卡片,放在一個和他同色系的淺一點的背景上,再加上同一種色系的投影。

這樣基本就 OK 了.  為什么界面上的按鈕要超出界面呢?為什么數據圖上的貝塞爾曲線常常只有一根線條和一個點擊顯示的數值而卻從來沒有 Y 軸呢?  想那么多干嘛,被這么多東西拘束住了,哪里還有創新。

玩視覺,你懂嗎?  是啊,我也承認這樣出來很多頁面,簡潔,干凈,第一眼印象特別好,但是我同樣也注意到每次看到這樣的界面,我的焦點都被頁面里面各種視覺元素所吸引,而當我緩過神來想要深究一下頁面的實際操作性時卻發現無從下手。

  想起 JJYING 在 Anyway.FM 里說的一個典故,在 Dribbble 設計師做的做多的三大界面就是日歷,天氣和 Todolist。

我想這個說法甚至可以套用到更多地方。

  設計之所以不同于藝術,很大一個原因就是藝術是無拘無束的。

然后設計在除了好看以外,還有太多太多東西值得我們去思考去揣摩。

怎么在被限制的條件下做出好設計,讓設計產生實用價值才是我們該思考的。

  舉一個很簡單的例子吧。

  下面這個是KEEP的一個界面。

上半部分是一個健身的視頻,下方分別有計數器,整體進度條,音樂控制,動作要點,和暫停

  咋一看這個頁面從視覺上來講很普通吧,好,我們來簡單的Dribbble 化一下。

  我簡單做了一下,運用了一下上面說到的比較流行的元素。

對比一下,單就第一眼印象來講,會比上面截圖要好看吧。

  但這就是一個不合格的界面。

  作為一個視頻教學頁,整個頁面全是各種搶焦點的元素。

我來這個頁面不是為了點這些按鈕,看這些進度條的,看視頻做動作才是我的核心需求,其他元素老老實實的給我弱化在下面就好了。

我不想在看視頻的時候,下面閃著五彩的光芒。

  花了這么大一段來黑 Dribbble上的一些飛機稿,其實不是黑的飛機稿,黑的是我們作為視覺設計師的時候不能把握好實用和美觀之間的平衡,甚至明明知道這樣不好,還是要為了視覺加功能或者是砍功能,Design for Dribbble.  同樣認識很多真正在玩視覺的人  他們的練習中有對字體設計的研究,有平面海報的構成,有對新銳視覺的探索,有插畫的形態表現手法,有對合成的理解。

但是不管哪種,你都能從他們的作品里看到很多新的東西,就拿國內知名設計師Edisonwong7今年發的一些作品來看吧。

  從3D渲染海報,到攝影,到書法,再到圖形語言的表達,UI設計,AI的3D字體效果,平面海報圖形的構成,再到通過流體動態學來傳達視覺語言。

并不僅僅因為他已經是一名頂尖的設計師,更是因為他對設計的態度,那是一種熱愛和不斷的追求創新和進步。

作為一個工作了這么多年頂尖的設計師,你還能在群里看到他深夜分享他對AI的新研究,或是徹夜通宵只為調整一個渲染的細節。

  我覺得這種對設計熱愛和深究的態度才是值得我們去學習的,有這了種態度,我相信才能產出更多不一樣的視覺,更多設計驅動的案例。

而不是停留在日復一日的同質化設計中。

  最后,我也想說其實Dribbble本身作為一個國際頂尖的設計論壇,還是有很多值得我們去學習的設計。

而很多國內的Design for Dribbble的設計師,其實也都是挺不錯的設計師。

畢竟每天都拿出休息時間思考練習真的不像說起來那么容易,而且很多人對色彩的感覺也很棒。

只是有時真的很容易被一些短暫的成就所迷惑,放慢了前進步伐。

希望以后也能更多的在Dribbble,Behance的首頁看到國人的作品。

  歡迎關注作者的微信公眾號:

版權聲明:本文由 鐸陽朔 整理編輯。

原標題:自白韓鐘久,自白

轉載注明出處:http://www.dn9ww09s.icu/basics/11329.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦怎么進不了系統,電腦為什么進不去系統

    電腦怎么進不了系統,電腦為什么進不去系統 相關圖片電腦進系統就黑屏隨著計算機的普及,幾乎每個家庭都有一臺或多臺計算機計算機的出現確實方便了我們的生活,但也給我們帶來了很多麻煩我們經常遇到的問題是無法進入系統,那么...

  • 鏈接推送錯誤,請檢查你的網絡,滴滴鏈接推送錯誤請檢查網絡

    鏈接推送錯誤,請檢查你的網絡,滴滴鏈接推送錯誤請檢查網絡 相關圖片手機軟件提示請檢查網絡設置當我們建立一個網站,通常有許多網頁下的網站,可能有數百個甚至更多的超鏈接在網頁上我們如何檢查出有問題的鏈接今天的編輯將介紹如何在Dreamweave...

  • 筆記本設置wifi 熱點,筆記本做wifi熱點設置

    筆記本設置wifi 熱點,筆記本做wifi熱點設置 相關圖片筆記本wifi怎么打開人們在體驗WiFi帶來的方便、快捷和高效的同時,也需要不斷地存儲一些計算機基礎知識如何為筆記本電腦設置WiFi熱點,并與其他終端設備共享,這對很多朋友來說一...

  • 筆記本最新cpu天梯圖,電腦cpu天梯

    筆記本最新cpu天梯圖,電腦cpu天梯 相關圖片cpu天梯圖2018筆記本電腦的出現使我們的工作和學習變得方便然而,當用戶選擇筆記本時,他們會遇到困難事實上,選擇筆記本電腦最重要的是它的CPU性能排名,其次是個人喜好的電腦品...

  • 舊照片制作,舊照片上制作什么文字

    舊照片制作,舊照片上制作什么文字 相關圖片怎么制作老了以后的照片一打開要處理的圖片選擇打開的圖像對象,然后選擇圖像編輯面板上的“調整顏色/自動顏色比例”命令,使圖像呈現更自然的顏色效果此操作后的效果如下圖...

  • 筆記本電腦怎么連wifi熱點,筆記本連不上熱點

    筆記本電腦怎么連wifi熱點,筆記本連不上熱點 相關圖片筆記本連接手機熱點連不上網絡已經走進了家家戶戶沒有網絡,我們就無法瀏覽網頁、玩游戲、聊天和完成工作所以我們可以看到網絡的重要性筆記本電腦聯網后,如何設置WiFi熱點現在...

  • 筆記本電腦無法關機,筆記本電腦怎么關機

    筆記本電腦無法關機,筆記本電腦怎么關機 相關圖片筆記本電腦黑屏怎么辦在筆記本電腦的使用過程中,由于使用不當,存在一些問題和損失,可能會遇到各種各樣的筆記本電腦故障事實并非如此近日,不少用戶反映,在點擊關機后發現...

  • first letter,the first letter

    first letter,the first letter 相關圖片first的用法看到一些網站,一段文字開頭的第一個字很大,看起來很特別這叫做第一個詞的下沉效應CSS中有一個現成的語法可以使用,即:第一個字母讓我們首先理解:第一個字母語法描...

  • 如何安裝固態硬盤,安裝固態硬盤

    如何安裝固態硬盤,安裝固態硬盤 相關圖片臺式電腦固態硬盤怎么安裝固態硬盤和硬盤有什么區別固態硬盤的開機速度比普通硬盤快得多固態硬盤沒有成像,讀取延遲也很小因此,如果hdd仍然是固態的,它們就有優勢所以,一些...

  • css中text indent,html中indent

    css中text indent,html中indent 相關圖片css首行縮進段落縮進非常實用,用P標簽可以起到意想不到的效果CSS中段落縮進的定義是通過文本縮進來實現的其參數和用法如下:語法:文本縮進:允許值:長度或百分比初始值:0文本...

熱評文章

  • 磁盤分區工具diskgenius,硬盤分區diskgenius

    磁盤分區工具diskgenius,硬盤分區diskgenius 相關圖片使用diskgenius分區對于新手來說,可能遇到過這樣的情況,新電腦只有一個磁盤怎么辦如何分區磁盤當你遇到這種情況時,你常常會想到安裝大師。實際上,我們可以使用硬盤分區工具對...

  • divcss布局入門教程,css布局教程

    divcss布局入門教程,css布局教程 相關圖片divcss頁面布局在網頁制作中,有很多術語,如CSS、HTML、DHTML、XHTML等在下面的文章中,我們將使用有關HTML的一些基本知識,在學習這個入門教程之前,請確保你有一css 入門...

  • 聯想筆記本如何重裝系統,筆記本如何重裝系統

    聯想筆記本如何重裝系統,筆記本如何重裝系統 相關圖片聯想筆記本進入bios聯想電腦很有名無論是工作、學習還是娛樂,很多人都在網上使用聯想電腦我們都知道這個計算機系統使用了多長時間,會有一些問題。例如,計算機的特殊卡已被更...

  • 美麗的小竹林,漂亮的竹林圖片

    美麗的小竹林,漂亮的竹林圖片 相關圖片春天竹林的圖片一在flash中創建兩個新文件。導入參考圖片并繪制以創建繪制階段,并使用線條工具繪制輪廓2。繪制竹線藍色尺寸線是上部/下部水平竹透視線3關閉線條并用綠色標記,如...

  • 怎么組裝電腦,臺式電腦裝機步驟

    怎么組裝電腦,臺式電腦裝機步驟 相關圖片電腦裝機詳細步驟如今,計算機已經走進千家萬戶,也不斷改變著人類的生活方式以前在電視、電影、游戲機上都可以在電腦上享受。一些用戶想組裝一臺計算機,因為他們認為質量好...

  • 初試鋒芒,龍家王朝之初試鋒芒

    初試鋒芒,龍家王朝之初試鋒芒 相關圖片列那狐初試鋒芒(譯者注:由于Yeeyan編輯器解析文章中的標記,我在每個標記的符號后面添加了一個空格,例如,左尖括號 節 右尖括號我將寫一個部分,以便它能正確地顯示在文章中如...

  • 電腦殺毒軟件排行榜,電腦殺毒軟件十大排名

    電腦殺毒軟件排行榜,電腦殺毒軟件十大排名 相關圖片國內殺毒軟件排行計算機安全一直是互聯網用戶頭疼的問題,現在殺毒軟件也層出不窮。計算機殺毒軟件通常集成監控識別、病毒掃描、清除和自動升級等功能一些殺毒軟件還具有數據...

  • 電腦遠程控制手機,手機如何遠程控制電腦

    電腦遠程控制手機,手機如何遠程控制電腦 相關圖片怎么遠程控制別人的電腦如果計算機是由某種方式控制的,那么我們就可以遠距離地維護和控制計算機遙控器還可以實現計算機的統一布置,在教學中起到很大的作用你聽說過用手機遙...

  • 搖滾字體,搖滾字體設計

    搖滾字體,搖滾字體設計 相關圖片搖滾海報一用你喜歡的字體鍵入一個200px的金色字符(我用的是豐富的超級歌曲),然后看下面的操作2這是核心步驟,就是應用震動變形的參數增量來制作搖滾波3最后,給金色的角字體...

  • 筆記本電腦怎么連wifi熱點,筆記本電腦怎么連接wifi

    筆記本電腦怎么連wifi熱點,筆記本電腦怎么連接wifi 相關圖片筆記本熱點怎么連接筆記本電腦設置WiFi熱點非常方便它可以被其他移動設備使用,如筆記本和支持無線互聯網接入的移動電話只要設置了WiFi熱點,手機就可以通過電腦的WiFi接入互聯網...

關注微信

变脸官网查询