您現在的位置是:電腦技術吧?>? 故障問題 ??>??姿勢圖解,18種最常用的嘿嘿嘿姿勢??>??正文詳情

姿勢圖解,18種最常用的嘿嘿嘿姿勢

貿正平2019-11-16 19:50:36 人圍觀
簡介正確的書寫姿勢這可能是有史以來最值得閱讀和轉發的用戶界面設計自學指南。作者是一個完整的堆棧設計器。在抄襲了大量教程并掌握了PS、AI等軟件后,他發現自己對真正的設計一無

這可能是有史以來最值得閱讀轉發的一篇UI設計自學指南。

作者是個全棧設計師,在臨摹了大量教程,掌握了PS、AI等軟件后才發現自己對于真正的設計一無所知,因此寫了這篇文章,希望能幫大家用正確的方式學習UI設計,不要本末倒置,在錯誤的路上浪費時間。

  寫給UI設計初學者們  幾乎每隔幾天我便能在簡書或其他各類設計網站看到關于自學UI設計的分享文章。

這些文章有一個共同的特點,就是描述作者如何從一個零基礎的設計小白,通過種種途徑,成長為一個熟練掌握PS或AI的設計達人的,亦或是分享了一堆有參考價值的設計類網站或工具等等。

這些文章的點擊率很高,因為通過這些初學者眼中的干貨,能夠很容易地進行模仿,并得到技能上的快速提升。

  但我想問的是,這真的是學習UI設計的正確方式嗎,如果不是,那有沒有一篇能夠正確引領大家學習UI設計的文章呢?很可惜,我在網上搜了很久,沒有找到那篇我認為是正確的文章。

  導致這個問題,我覺得可能有以下兩個原因:  這類文章的內容往往比較濕,理論性比較強,需要時間慢慢體會,不是拿來就能用的東西,因此文章的點擊率往往較低,隨著時間的推移,很快便淹沒在了那些新鮮出爐的設計干貨之中,而無法搜索到了。

  那些真正優秀的設計師往往都早已過了初學者那個階段,他們也更樂于分享自己的設計觀點或杰出作品,卻很難站在一個初學者的角度來寫如何學習設計的文章了。

  我也曾和很多設計初學者們一樣在自學的過程中有過困惑,走過彎路。

今天,我仍在不斷地努力學習,去嘗試理解設計的真正含義。

我也希望通過這篇文章,能給那些還在設計門外打轉,不得其門而入的學習者們一些不同的啟發。

  我為什么自學UI設計  我之所以自學UI設計,其實源于一次失敗的創業實驗。

稱它為實驗,是因為它并不算是一次真正的創業,我和我的合伙人并沒有放棄自己的工作,而是利用一些業余時間來做一個以實習生為主題的社區(那時還是開心、人人 這樣的SNS社交平臺大行其道的年代)。

我那時是一家500強金融集團的應用架構師,因此,便當仁不讓地承擔起了我們這個團隊中程序員的角色,負責完成了整個平臺的架構以及開發工作。

但始終困擾我們的是,找不到一名優秀的UI設計師,能夠把這個平臺推到一個產品的高度。

我們也曾經通過朋友介紹或在淘寶上尋找,合作過幾位設計師,但由于種種原因(有技能問題,理念問題,投入度問題 等等)都無法達到我們的要求,最后也都不歡而散了。

當然,我們的這次創業也最終以失敗而告終。

現在回想起來,失敗的原因有很多,但缺少一名靠譜的UI設計師,導致我們的產品遲遲不能推向市場,是這次失敗的一個非常重要的原因。

  我始終覺得自己還是一個有著產品夢想的人(自我鼓勵一下^-^),因此,為了下一次重新啟航行時,不再重蹈覆轍,我便決定開始自學UI設計。

  自學路上的困擾  我在自學UI設計的道路上,走得并不平坦,有過很多困擾和挫折。

今天想來,其實最大的障礙正是源于自身對于UI設計本身的理解不夠全面和深刻所導致的。

  概括起來,主要有以下幾個發面:  對于學習UI設計的困難準備不足:由于在此之前,一直從事企業級應用的研發,因此,那時在我們的圈子里,設計師(我們更多稱為美工)屬于非常邊緣的輔助角色。

我也想當然地覺得學習那些技能對于我來說是小菜一碟,幾周就能搞定。

但實踐證明,我錯了,真正的UI設計遠沒有想象中那么容易掌握,直到今天,我都不敢說自己已經掌握了UI設計并能稱得上是一個UI設計師。

而隨著我對設計本身理解的加深,對設計師的看法也完全轉變了,他們不再是我口中的美工,而是一個能夠左右產品優劣,驅動產品研發的關鍵角色。

  認為 學習UI設計 = 學習 PS、AI等工具:當決定學習UI設計后,我便開始在網上搜索如何學習UI設計,而度娘給我的答案便是大量的PS、AI等各種設計教程。

我也是一路拼命下載,然后不分晝夜地學習。

不久之后,我確實能夠按照這些學習指南P出一些圖,或是作出幾個圖標來了,但當我嘗試獨立去做一個完整的UI設計時,我突然發現我作出來的東西與那些我所見過的優秀設計仍是天差地別,即使是我完全模仿那些優秀作品做的設計,仍然感覺怪怪的,好像哪里出了問題,自己又說不清楚。

這時,我才意識到我的學習方法可能錯了,簡單地說就是撿了芝麻丟了西瓜,雖然掌握了一些設計工具技巧,但卻對真正的設計一無所知。

  審美能力不足:另一個我遇到過的困難便是自身審美能力的不足。

其實我想說,這不僅是我一個人的問題,可能也是我們這一代,甚至是幾代人共同的問題。

由于整個教育體系對于學生在美學教育上不夠重視,導致我們從小缺少藝術和美的熏陶,美術課往往會被語數外等主課霸占,從而成為擺設。

由于缺乏對美的感知和判斷能力,導致我們很難準確評判自己作品的優劣,更不會知道如何去改善它。

放到更大的角度,我們很難像蘋果那樣設計出偉大的產品來。

  重新認識UI設計  在意識到學習方法的錯誤之后,我便再次尋求了度娘的幫助,但這一次我要找的是那些優秀設計師們自己對于設計的感悟,設計心得,推薦閱讀的設計類書籍 等等。

我也放下了手中的PS、AI,靜下心來進行大量的閱讀。

通過這些閱讀,我也漸漸了解并重新認識了UI設計。

  經過對設計知識的重新梳理,我將所需要掌握的基本設計技能歸納為以下10點(我將會在日后的設計談系列文章中對以下每一點進行展開,并分享我的設計心得)  色彩:需要理解色彩的基本原理以及配色方法。

色彩很難把控,因為它很容易被過度使用。

如果,你還是一個初學者,那么盡可能使用柔和的色彩,僅在需要強調的地方使用更醒目的色彩。

  字體與排版:文字往往占據整個設計內容超過80%的區域,所以理解如何使用正確的字體和排版方式非常重要。

請將內容的清晰易讀作為你定義字體和做排版的首要目標。

  動效:動效能夠顯著增強一個應用的用戶體驗。

他們能使你的應用更有生氣和迷人,前提是你所設計的動效快速、流暢,并且是符合用戶預期的。

  圖標:優秀的圖標往往與我們每天見到的事物緊密關聯,比如 相機、垃圾桶、云等等,能讓人一眼就識別出它所代表的功能。

因此,使用那些具有良好辨識度的圖標,避免讓用戶產生混淆。

  聲效:聲效在設計中用得很少,但恰如其分的聲效能夠提升用戶體驗。

用戶不用看到你的應用,光聽到一個熟悉的聲音便能識別出你的產品來。

  獲得設計靈感:設計靈感不是與生俱來的,你需要不斷地尋找它。

有很多獲得設計靈感的方法,下文中我將分享我的一些經驗。

  設計原則:流行轉瞬即逝,但設計中最本質的東西卻能永恒。

設計大師們很早就認識到了這些,并將它們提煉為設計原則。

你要做的是,理解這些設計原則,并將它們運用到你的設計之中。

  用戶體驗設計:你需要了解你的用戶,這樣才能設計出符合用戶需求的產品。

學習設計心理學,將有利于你設計出更人性化的產品。

  基于不同平臺的設計:在不同平臺設計產品有很大的差異,你需要了解產品所在的平臺(如 IOS,Android),并符合它們各自的設計規范。

  設計工具:設計工具有很多,對于UI設計,我建議使用Sketch3,因為它是專為UI設計而生的,能給你帶來更高的設計效率。

  改變設計工具  自從我改變學習UI的方法之后,一直到今天,我每天都會堅持閱讀 Designer News 上的每日推薦文章,它能讓我了解國外優秀的設計師門都在想些什么或做些什么。

而這之中,給我帶來最大改變的便是,我放棄了原來使用的 PhotoShop,而開始使用Sketch來進行UI設計。

因為我驚訝地發現越來越多的國外設計師,特別是在初創公司的設計師們開始使用Sketch作為他們的設計工具。

  ( 下圖為2015年 Substraction.com 對4,000名來自不同領域的UI設計師的問卷調查后得到的UI設計工具使用情況 ,Sketch已經大幅超越PhotoShop成為設計師們首選的UI設計工具)

  2015 Subtraction.com Design Tools Survey Interface Design  實踐證明,Sketch的使用確實給我帶來了極大的驚喜。

  小巧快捷:Sketch只有41M,相較1.6GB的Photoshop來說顯得非常的小巧。

因此無論是安裝,還是啟動、運行,Sketch都非常快捷。

  專為UI設計而生:Photoshop是一個圖片處理工具,它包含了大量圖片處理功能,而這些對于UI設計師來說是多余的,并會成為UI設計師們工作時的噪音,降低他們的設計效率。

而Sketch則專注于UI設計,它的所有功能都只為UI設計服務,比如:使用統一的計量單位 Pixel 使你不必關注其他計量單位(cm,ml,picas),支持HSB、RGB顏色模型和色板功能,使用Symbol可以將方便的復用你的設計元素,針對任意設計元素或元素組導出不同分辨率的圖片 等等。

另外你不用再面對一個一半功能都不會去碰的工具欄,也完全不用去關心那些與UI設計無關的東西,這使你更容易學習和掌握這個設計工具。

  強大的插件功能:雖然Sketch的核心非常小,但它卻提供了非常強大的插件功能。

針對不同的設計場景,可以使用不同的插件。

比如,你可以使用Sketch Palettes保存你的常用色板,并與朋友方便地分享。

使用 Magic Mirror 可以將你的設計方便地展示到不同的實體模型(如: iPhone,iPad,書的封面 等等)。

也可以使用 Sketch Content Generator 來批量地產生內容,這能為設計師節省大量的時間。

還有像Measure、Dynamic Button、Sketch Constraints 等許多非常優秀的插件可以幫助你大大提升工作效率,從而使你更能夠專注于設計本身。

  以上只是Sketch所帶來的眾多優秀特性中的一小部分,網上已經有很多關于Sketch的設計教程和指南,你能通過這些資料,快速的學習并掌握Sketch。

我正看到越來越多如Sketch,Affinity Designer, Affinity Photo 等創新工具對設計工具領域帶來的變革,他們不再追求大而全,而更注重于以最簡潔、高效的方式服務于不同的設計目的。

這也正是互聯網思維在設計工具領域的一個體現。

因此,如果你是一個UI設計初學者,亦或已經是一名UI設計師并正在使用PS、AI等工具,我都建議你嘗試使用Sketch,因為,它是一個能給你帶來巨大改變并代表著未來的優秀設計工具。

  尋找設計靈感  對于設計初學者來說,經常會為找不到設計靈感而苦惱。

而我想說的是,靈感不是與生俱來的,它需要你去不斷地尋找。

如果沒有靈感,你將永遠不能開始,更別說去完成一個設計了。

下面是我使用的一些方法。

  閱讀  我沒有上過任何設計學校或培訓班,因此我的大部分設計知識,都是從閱讀中獲得的。

我幾乎不讀那些30天速成系列的書或關于設計趨勢的文章,因為我知道技術的變化是非常快的,正如,我現在完全使用Sketch來做設計,而不用PS一樣。

我更關注設計的本質,書是獲得這方面知識的很好途徑。

  下面是我書櫥中的一部分設計類書籍,我閱讀那些對設計有著深刻思想的人物傳記 如喬布斯傳,與設計相關的心理學書籍設計心理學、與色彩相關的色彩設計,與字體相關的設計師的自我修養等等。

也正是通過這些書籍,讓我逐步理解了設計的內涵,從而讓我徹底走出了之前學習設計時的誤區。

  另外我也會讀一些網上的優秀文章,Designer News 是一個我獲得高質量設計文章的優秀網站,在這里我可以看到最新的來自全球設計師的優秀分享。

當然,我也在 優設、推酷、Medium 等網站上閱讀那些具有思想性的設計文章,并且通過關注一些優秀的設計師,從他們身上學到了很多經驗和啟發,給我學習UI設計帶來了極大的幫助。

  收集優秀設計  另一個獲得靈感的方法是收集優秀的設計作品。

Ember是我用過的用來收集設計素材的最佳工具。

更棒的是它支持訂閱功能,可以從Dribbble這樣的網站自動下載設計作品,并讓我非常方便地瀏覽和收集。

(下圖為我的Ember應用截圖)

  除了Ember之外,我也使用Pintrest來收集手機上看到的優秀設計,并按照分類添加大我在Pintrest上創建的Board中。

(下圖為我的Pintrest主頁)

  擁有工匠精神  你所做的每一件事情,它的背后都可以和藝術聯系在一起。

只要是付出了努力,精心制作,并能反映出作者情感與靈魂的東西都可以被稱為藝術品。

想一想你平時喜歡做的事情,閱讀,散步,美食或者看展覽。

這其中的每一件都與一種藝術形式相關聯:寫作,環球旅行,烹飪、攝影。

你會發現當你當你不斷完善某一項技能的同時,其他技能也會得到加強。

對于設計來說,上面提到的 寫作、攝影、旅行等都是對設計能力的很好補充。

  最后,希望能夠得到更多朋友的反饋,喜歡或是點評,你們的意見能夠幫助我驗證自己對設計的理解,并幫助我不斷完善它。

你也可以關注我,后續,我會陸續將文中提到的 色彩、文字與排版、動效、圖標等內容以【技匠談設計】系列文章的形式分享給大家。

感謝大家的支持和鼓勵 ^-^

版權聲明:本文由 貿正平 整理編輯。

原標題:正確的睡覺姿勢,坐喂的正確姿勢視頻

轉載注明出處:http://www.dn9ww09s.icu/fault/12932.html

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • 有妖氣彈幕怎么關,有妖氣關閉彈幕

    有妖氣彈幕怎么關,有妖氣關閉彈幕 相關圖片有妖氣怎么聽配音作為漫畫閱讀的神奇工具,惡魔與一般漫畫閱讀軟件最大的區別在于彈幕功能。但是,有很多小伙伴不想看到攔河壩,那么他們怎么能關閉攔河壩呢?下面,超人軟件...

  • 容易混淆,混淆意思

    容易混淆,混淆意思 相關圖片與暴容易混淆的字當我第一次接觸XHTML CSS來設計網頁時,我對標簽的使用幾乎沒有經驗,而且我也非常隨意。我經常想用我想用的任何東西,只要我能達到效果。但是隨著學習的深入和...

  • 怎么刪除wps云文檔,wps云文檔怎么全部刪除

    怎么刪除wps云文檔,wps云文檔怎么全部刪除 相關圖片wps云文檔我的設備怎么刪除云服務的出現,使我們的生活和辦公更加便利,作為經典辦公軟件之一的WPS自然要增加云文檔功能。雖然WPS云文檔對提高管理效率和整個公司的工作效率有很...

  • trustedinstaller病毒,trustedinstaller占用cpu

    trustedinstaller病毒,trustedinstaller占用cpu 相關圖片installer有些用戶會遇到trustedinstaller.exe在啟動過程中占用大量CPU資源,導致系統嚴重卡住,非常煩人。什么過程是可信的安裝程序?可以刪除嗎trusted...

  • 怎么制作圖標,圖標制作

    怎么制作圖標,圖標制作 相關圖片制作logo渲染如下:1。畫一個233*172的圓角矩形,用?400000-?999999的線性梯度填充,然后設置其參數,如圖2所示。在第一步繪制的矩形中添加一個過濾器,參如何制作logo...

  • internal error,internalerror啥意思

    internal error,internalerror啥意思 相關圖片error內部服務器錯誤通常發生在用戶訪問網頁時,這意味著Internet服務錯誤。有幾個原因可以導致內部服務器錯誤,例如system error...

  • 復選框,復選框在哪

    復選框,復選框在哪 相關圖片word復選框在哪一。插入一個復選框1。單擊鼠標,將光標定位在表單行中,單擊“插入”菜單,選擇表單項,然后在彈出的子菜單中選擇復選框命令,或在“插入”面板中選擇表單項并單...

  • 迅雷9總是出現SDK崩潰,迅雷X崩潰解決辦法

    迅雷9總是出現SDK崩潰,迅雷X崩潰解決辦法 相關圖片新版本迅雷x怎么老是崩潰的最近,很多小伙伴都報告說,他們在使用迅雷的過程中總會遇到軟件崩潰。那么霹靂崩潰的原因是什么?如果霹靂崩潰了我們該怎么辦?讓我們跟著超人的軟...

  • 垂直居中 css,css水平垂直居中

    垂直居中 css,css水平垂直居中 相關圖片css圖片垂直居中例1:高度不確定的垂直中心代碼如下/*中心*/。垂直{垂直對齊:中間;顯示:表格單元格;*位置:相對;}。垂直{Ccss垂直居中對齊...

  • 源代碼泄露,源代碼防泄漏

    源代碼泄露,源代碼防泄漏 相關圖片源代碼蘋果最近幾天收到了很多負面消息。首先,其旗艦iPhone X的質量一直存在問題。然后,IOS系統升級了好幾次,出現了各種錯誤和caton。后來,關于頻率降低門的源代碼泄露是指什么...

熱評文章

  • 簡單百寶箱,用簡單百寶箱安全嗎

    簡單百寶箱,用簡單百寶箱安全嗎 相關圖片簡單游和簡單百寶箱簡單寶箱是一款老品牌的游戲輔助軟件。該軟件最大的特點是它包含了在線游戲玩家最常用的各種免費助手工具,可以讓玩家快速下載所需的游戲助手。不過,玩家...

  • 余額寶額度不足什么意思,余額寶贖回額度是什么意思

    余額寶額度不足什么意思,余額寶贖回額度是什么意思 相關圖片余額寶余額額度不足支付寶現在是首選的支付方式之一,轉移到支付寶的錢會自動變成余額寶,不僅可以用于日常消費,還可以用來賺錢,利息比銀行還高。但也有部分用戶發現自己的...

  • 水墨詩意,水墨詩意的名字

    水墨詩意,水墨詩意的名字 相關圖片水墨古風意境畫北京奧運會開幕式上的詩情畫意的畫卷和它呈現給我們的美麗畫卷,至今仍記憶猶新。今天,我們將用flash制作一個水墨卷軸展開的詩意動畫,主要使用矩形工具和漸變填...

  • word設置頁碼,word怎么設置頁碼

    word設置頁碼,word怎么設置頁碼 相關圖片從當前頁開始設置頁碼編輯word文檔時,我們需要在當前文檔中添加一些說明或封面。添加頁碼時,不能將這些頁設置為從頁碼開始的頁。如何從任何頁面設置單詞頁碼?雙擊開始word20...

  • 分分快三玩法技巧集錦,拍照方法技巧集錦

    分分快三玩法技巧集錦,拍照方法技巧集錦 相關圖片拍照的方法與技巧集錦什么是CSS黑客?不同瀏覽器對CSS的解析結果不同,導致同一CSS輸出的頁面效果不同,這就需要csshack來解決瀏覽器的本地兼容性問題。為不同瀏覽器編寫不同C玩快...

  • htc u12怎么樣,htcu12

    htc u12怎么樣,htcu12 相關圖片htcu12 社區HTC U12是HTC即將發布的旗艦車型。其上一代HTC U11在外觀上是一款非常成功的手機。全新的設計風格和出色的手機體驗挽救了宏達旗艦的聲譽。更有趣的是,索htc u12最新消息...

  • 八萬落地suv哪款好,落地8萬左右的suv哪款好

    八萬落地suv哪款好,落地8萬左右的suv哪款好 相關圖片哪款手機測量工具好用HTML5現在已經成為最流行的標記語言,擁有成熟的社區和廣泛的瀏覽器支持。功能齊全,擴展性強,設計開發人員可以賺錢。更可控的元素,更自由的交互設計,變...

  • 小丸工具箱怎么樣,小丸工具箱怎么用

    小丸工具箱怎么樣,小丸工具箱怎么用 相關圖片小丸工具箱慢小藥丸工具箱是一種功能強大、使用方便的視頻壓縮工具,它可以最大程度地保持視頻質量,并能很好地壓縮視頻量,受到許多用戶的青睞。一些用戶仍然不了解小藥丸工...

  • 水波紋效果,如何做出水波紋的效果

    水波紋效果,如何做出水波紋的效果 相關圖片短發水波紋今天,我們將繼續分享JavaScript實現的效果示例,本文將介紹如何使用JavaScript來實現水波紋的效果。水波效應以圖片為背景。單擊圖片中的任何位置都將水波紋和大波浪的區別...

  • 火螢桌面下載,螢火桌面

    火螢桌面下載,螢火桌面 相關圖片螢火視頻動態桌面很多用戶都喜歡使用火鷹視頻桌面來設置自己的動態壁紙,但有時會遇到火鷹視頻桌面無法使用或火鷹視頻桌面無法正常播放的情況,用戶可以嘗試重置壁紙品牌介紹...

關注微信

变脸官网查询