mac基本操作技巧_6個基本設計技巧

mac基本操作技巧

“In everything you do, refine your skills and knowledge about fundamental concepts and simple cases. Once is never enough. As you revisit fundamentals, you will find new insights. It may appear that returning to basics is a step backward and requires additional time and effort; however, by building on firm foundations you will soon see your true abilities soar higher and faster.”― Edward B. Burger, The 5 Elements of Effective Thinking

“在您做的所有事情中,都要提高您對基本概念和簡單案例的技能和知識。 一次是永遠不夠的。 重新審視基礎知識時,您會發現新的見解。 看來,回歸基礎是倒退的一步,需要更多的時間和精力; 但是,通過建立牢固的基礎,您很快就會看到自己的真正能力在不斷提高和提高。”- 愛德華·B·伯格,《有效思維的五個要素》

There, that’s my pretentious intro-quote. 😂 Let’s jump into it.

在那里,這是我自命不凡的簡介。 😂讓我們跳進去。

1.不要使用100%飽和黑色。 (1. Don’t use 100% saturated black.)

Image for post

The first design tip I’ve ever given was to not use full black if possible. Throughout the years I came across designers and artists talking about using a darker shade of colour to replace black to bring depth and interest. Simply using a less saturated black would elevate the overall design.

我曾經給出的第一個設計提示是,如果可能的話,不要使用全黑。 這些年來,我碰到DESIG 凈入學率和藝術家談論使用顏色暗的陰影來代替黑色帶來的深度和趣味。 簡單地使用飽和度較低的黑色將提升整體設計。

And as much as how contrast is important, black and white is actually not the ideal match for accessibility, as mentioned in this research paper.

正如對比度如何重要一樣,正如本研究論文所述,黑白實際上并不是可訪問性的理想選擇。

2.限制字體選擇。 (2. Limit font choice.)

Image for post

The more fonts you have on a page, the more complicated and messy it’ll look. Unless you know what you’re doing, don’t attempt.

頁面上的字體越多,看起來就越復雜和凌亂。 除非您知道自己在做什么,否則不要嘗試。

Also make it a point to choose a font that’s actually readable, unless you’re using it for other purposes like adding texture or depth to the design. Fancy scripts might be nice but if the viewer can’t read it, there really isn’t a point (see point 6).

還要選擇一個真正可讀的字體,除非您將其用于其他目的,例如在設計中添加紋理或深度。 精美的腳本可能不錯,但是如果觀眾看不懂它,那真的沒有意義(請參閱第6點)。

If you’re unsure about how to pair fonts, you have 3 options:1. Choose one typeface that has a variety of weight.2. Use font pairings recommended by sites like Fontjoy, Fontpair and Typespiration.3. Go read my article on Practical Guide to Font Pairing for starters and build your own eye for font pairing.

如果不確定如何配對字體,則有3種選擇:1。 選擇一種具有多種重量的字體2。 使用Fontjoy , Fontpair和Typespiration .3。等網站推薦的字體配對。 為入門者閱讀我在“字體配對實用指南”上的文章,并為字體配對建立自己的眼睛。

3.以路線為基礎。 (3. Alignment as foundation.)

Image for post

Having an alignment helps structure your design. Generally alignment matters especially in type content because of the smaller size or visual weight it takes up as compared to images.

進行對齊有助于結構設計。 通常,對齊方式尤為重要,因為與圖像相比,對齊方式尤其重要,因為它占用的尺寸或視覺重量較小。

As a general rule for type, align left if your copy is in bullet-point form, it has variable (eg. blog), or formal content. And align justify only if the final output of content is fixed (eg. content for site that will not be changed). Center alignment, imho, should only be used for a small block of text.

作為類型的一般規則,如果您的副本采用項目符號形式,具有變量(例如Blog)或正式內容,則請向左對齊 。 和對齊如果內容的最終輸出是固定的(例如,將網站的內容不會被改變)僅自圓其說居中對齊 ,恕我直言,僅應用于一小段文本。

If you’re using a grid, definitely check the design from time to time without the grid. The grid system exist for the purpose of alignment (and spacing), so don’t use it blindly. You don’t have to align every single element to something but it’s important to take note of it and judge by eye, which brings us to the next point.

如果您使用的是網格,請務必不使用網格不時檢查設計。 網格系統是為了對齊(和間隔)而存在的,因此不要盲目使用它。 您不必使每個元素都與某物對齊,但是注意并通過肉眼判斷很重要,這將我們帶到了下一個要點。

4.用肉眼而不是用工具平衡。 (4. Balance by eye, not by tool.)

Image for post

Our eyes always play tricks on us, so sometimes what is aligned using the design tools doesn’t look balanced or aligned.

我們的眼睛總是在戲弄我們,因此有時使用設計工具對齊的內容看起來并不平衡或對齊。

In physics, balance is calculated by force and distance (f? x d?=f? x d?). 🤓 Translated in design terms that’s visual weight and negative space (with visual weight split further down into colour, size and contrast). If in doubt, trust your eyes (and maybe a few other pair of eyes).

在物理學中,平衡是通過力和距離(f?xd?= f 2 x d 2)計算的。 in在設計上翻譯為視覺重量負空間 (視覺重量進一步細分為顏色,大小和對比度) 。 如有疑問,請信任您的眼睛(也許還有其他幾雙眼睛)。

5.并非所有事物都必須均勻分布。 (5. Not everything has to be spaced equally.)

Image for post

I’m not referring to negative space in general, but spacing to signify that a group of elements is erm, a group. This point seem like such a silly thing to mention but it’s something that’s surprisingly debatable with some people I’ve worked with.

我一般不是在指負數,而是用空格來表示一組元素是erm,即一組。 提到這一點似乎很愚蠢,但是與我一起工作過的一些人對此卻產生了令人驚訝的爭論。

For example, in type setting, spacing between headings, subheadings and body copy. Instead of spacing the 3 equally, having a spacing between subheading and body copy would be more aesthetically pleasing.

例如,在類型設置中,標題,子標題和正文之間的間距。 除了將3均勻地隔開以外,在副標題和正文之間留有一定的間距在美學上會更令人愉悅。

6.始終考慮可見性 (6. ALWAYS consider visibility)

Image for post
Spot the difference. (Answer: the 2 in 2020 and the crop in 2 of the photos on the right)
指出不同。 (答案:2020年為2,右側照片為2)

Your design should be something that you can actually see– meaning the size, colour contrast, font, alignment, and crop of images and type. Make sure that the elements are cut off at a spot where they are still visible, legible and that there are no awkward corners or tiny spots left behind because it’s distracting.

您的設計應該是您實際可以看到的東西-意味著大小,顏色對比度,字體,對齊方式以及圖像和類型的裁剪。 確保在一個仍可見,清晰的地方切掉這些元素,并且不要因為它們分散注意力而留下尷尬的角落或微小的斑點。

Accessibility is a whole other topic but here’s some articles for further reading: Designing for accessibility is not that hard7 Things Every Designer Needs to Know about Accessibility

可訪問性是另一個主題,但是這里有一些文章可供進一步閱讀: 設計可訪問性并不是那么困難 每個設計師都需要了解的7件事

翻譯自: https://medium.com/8px-magazine/6-basic-design-tips-1b14523d55b

mac基本操作技巧

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/274453.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274453.shtml
英文地址,請注明出處:http://en.pswp.cn/news/274453.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

如何突破技術瓶頸(適合P6以下)

大家好,我是若川。我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 lxchuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…

stack smash_扶手椅VGUX:Super Smash Bros.Ultimate

stack smashEasily far the most exciting news out of Super Smash Bros. Ultimate’s announcement was that every single character would be returning to the game.asily迄今為止最令人興奮的消息了任天堂明星大亂斗最終宣布的是, 每一個字符會被返回到游戲中…

《Two Dozen Short Lessons in Haskell》學習(十)- Private Definitions — the where-clause

《Two Dozen Short Lessons in Haskell》(Copyright © 1995, 1996, 1997 by Rex Page,有人翻譯為Haskell二十四學時教程,該書如果不用于贏利,可以任意發布,但需要保留他們的copyright)這本書是學習 Ha…

我和掘金合作的源碼共讀小冊報名快1000人了~

眾所周知,我和掘金合作出了源碼共讀第一期。我是前端領讀員。現在報名快1000人了~獎品豐厚。也有一些小伙伴已經寫了好幾期筆記了~但相對1000人寫的還是太少。什么?你不知道?那也很正常,畢竟我的公眾號常讀人數比較少。大部分人都…

【短語學習】盈余量分析(earned value analysis)

作者:gnuhpc 出處:http://www.cnblogs.com/gnuhpc/ 各種形式的盈余量分析是衡量執行時最常用的方法。它把范圍、成本和進度等度量標準結合在一起以幫助項目管理小組評估項目執行。對每項活動而言,盈余量分析包括計算三個主要數值:…

配音劇本_網絡的各個階段:劇本如何傳達更好的UX

配音劇本讓我們將焦點放在使用劇本技巧提升顯微鏡上。 (Let’s put the spotlight on elevating microcopy with playwriting techniques.) “Anything you put in a play — any speech — has got to do one of two things: either define character or push the action of t…

極致編譯速度,一文搞定webpack5升級

大家好,我是若川。我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 lxchuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…

Java學習筆記(7)——輸入輸出

1、File 不同的操作系統對于檔案系統路徑的設定各有差別,例如在Windows中,一個路徑的表示法可能是: "c:\\Windows\\Fonts\\" 而在Linux下的路徑設定可能是: "/home/justin/" Windows的路徑指定是使用UNC&…

全庫模式 用戶模式 表模式_暗模式,亮模式和用戶的故事

全庫模式 用戶模式 表模式I have been working on designing a UI for an app that has individuals over the age of 60 as its main audience. At some point, I found my design more appealing in dark mode. As a UX designer, I know that my opinions and preferences d…

Rollup 與 Webpack 的 Tree-shaking

大家好,我是若川。我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 lxchuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…

聚類與分類的主要區別在于:_經驗在于細節:分析流服務的用戶體驗

聚類與分類的主要區別在于:看不見的差異 (The Invisible Difference) When app markets mature the overlap in features and designs grows closer as they catch up and copy each other. The more similar the apps are to one another, the more important the …

asp.net 動態創建TextBox控件 如何加載狀態信息

接著上文Asp.net TextBox的TextChanged事件你真的清楚嗎? 這里我們來說說狀態數據時如何加載的。雖然在Control中有調用狀態轉存的方法,但是這里有一個判斷條件 if (_controlState > ControlState.ViewStateLoaded) 一般的get請求這里的條件是不滿足…

從零實現一個迷你 Webpack

大家好,我是若川。我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 lxchuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…

ios 刷新遮罩遮罩_在Adobe XD中進行遮罩的3種方法

ios 刷新遮罩遮罩Are you new to Adobe XD? Or maybe you’re just stuck on how to create a simple mask? Here are 3 quick tips for how to mask your photos and designs in Adobe XD.您是Adobe XD的新手嗎? 或者,也許您只是停留在如何創建簡單的…

C#除法運算

C#中進行算術運算容易牽扯到類型的自動轉換,這種自動轉換稱之為隱式轉換,當然還可以人為的強制轉換 隱式轉換要求:不丟失精度,而且轉換前后都為數值 強制轉換:容易丟失可能會丟失精度 1 namespace 除法運算2 {3 cl…

Vite 4.0 正式發布!

源碼共讀我新出了:第40期 | vite 是如何解析用戶配置的 .env 的鏈接:https://www.yuque.com/ruochuan12/notice/p40也可以點擊文末閱讀原文查看,歡迎學習記筆記~12 月 9 日,Vite 4.0 正式發布。下面就來看看 Vite 4.0 有哪些更新吧…

代碼復審

我們CodingCook復審的是WWW的代碼,他們的項目是時間管理助手(TimeLine)。只是跟根據自己的經驗來看,不一定準 先說一下整體的感覺。WWW的代碼用了應該是比較符合面向對象的思想,借口,封裝隨處可見&#xff…

圖像標注技巧_保護互聯網上圖像的一個簡單技巧

圖像標注技巧補習 (TUTORIAL) Have you ever worried about sharing your images on the Internet? Anytime you upload something to the web you risk the chance of your work being used (without permission) by another.您是否曾經擔心過要在Internet上共享圖像&#xf…

【VueConf 2022】尤雨溪:Vue的進化歷程

大家好,我是若川。我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 lxchuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…

WCF netTcpBinding寄宿到IIS7

config配置文件不多說 <?xml version"1.0" encoding"utf-8" ?> <configuration><system.serviceModel><behaviors><serviceBehaviors><behavior name"myBehavior"><serviceMetadata/></behavior…