adobe清理工具_Adobe終于通過其新的漸變工具實現了這一點-UX評論

adobe清理工具

的Photoshop (Photoshop)

UX:

用戶體驗:

At first glance, the UX looks okay; it’s pretty clear. The user gets to know how to use this tool right away. The color palette is located above, and the gradient down below. The diamond between the two colors controls gradient intensity and smoothness, which is useless in my opinion. What is not easily understood is why there are four (4) color indicators, one set above and another set below. And then you realize it’s for opacity. Maybe they could do it differently.

乍一看,UX看起來還不錯。 很清楚 用戶立即知道如何使用該工具。 調色板位于上方,漸變位于下方。 兩種顏色之間的菱形控制漸變強度和平滑度,我認為這是沒有用的。 不容易理解的是為什么有四(4)種顏色指示器,一個在上面,另一個在下面。 然后您意識到這是為了不透明。 也許他們可以做不同的事情。

Feedback and Preview:

反饋和預覽:

The user doesn’t get an instant preview when he is performing the action, and this is a problem.

用戶執行動作時不會獲得即時預覽,這是一個問題。

Gradient Level:

漸變等級:

Image for post

The gradual blend of the gradient is not smooth enough. However, the handles of the gradient tool outside itself are great, except that I can’t change the gradient intensity: I need to hop again into the menu.

漸變的逐漸融合不夠平滑。 但是,漸變工具本身外部的手柄很棒,除了我無法更改漸變強度:我需要再次跳入菜單。

Image for post
Unable to control gradient intensity outside the menu
無法在菜單外控制漸變強度

插畫家 (Illustrator)

In Illustrator, the situation is a little bit different. You can see two dots that you can play with to achieve the desired result. But color selection is done through the primary color picker, not by clicking on the dots.

在Illustrator中,情況有些不同。 您可以看到兩個點,可以使用它們來實現所需的結果。 但是顏色選擇是通過主顏色選擇器完成的,而不是通過單擊點來完成的。

UX:

用戶體驗:

When the user wants to edit the gradient, they do so on a shape. They need to find the hidden gradient panel, then click on one of the dots on the gradient to change the color. (With one click it works, and with another click it doesn’t.)

當用戶想要編輯漸變時,他們會在形狀上進行編輯。 他們需要找到隱藏的漸變面板,然后單擊漸變上的點之一以更改顏色。 (單擊一次可以使用,而單擊另一次則不能。)

Image for post
Click or double-click?
單擊還是雙擊?

And after the panel opens, the right mental model that I know from every Adobe software is double-click on the color square = the color picker opens, and I select a color. But think again.

在面板打開之后,我從每種Adobe軟件中都知道的正確的心理模型是雙擊顏色方塊=顏色選擇器打開,然后選擇一種顏色。 但是再想一想。

Image for post
want to pick a color? think again
想選擇一種顏色? 再想一想

And then the user goes to the Swatches panel in the same window, but is unable to pick from the color picker. One can only choose from specific colors here. Disappointment.

然后,用戶轉到同一窗口中的“色板”面板,但無法從顏色選擇器中進行選擇。 在這里只能選擇特定的顏色。 令人失望

Image for post
swatches panel
色板面板

A pleasant surprise is that you can stretch the handles outside the shape and create a more gradual blend.

令人驚喜的是,您可以將手柄拉伸到形狀外部并創建更漸變的混合。

Image for post
good manipulation handles
良好的操縱手柄

But if you want to pick a specific color, you need to click on the first color of the left main panel, not on the little circles like everybody would think.

但是,如果要選擇特定的顏色,則需要單擊左側主面板的第一種顏色,而不是像每個人都會想到的那樣單擊小圓圈。

Image for post
not so obvious
不太明顯

設計中 (Indesign)

Image for post

UX:

用戶體驗:

Everything is clear as to what the user needs to do. But again, the same problem. Double-click on the color indicator, and nothing happens. You need to drag from the Swatches panel a color on top of the indicator or pick from the main panel. Frustration.

所有關于用戶需要做什么的事情都是清楚的。 但是同樣,同樣的問題。 雙擊顏色指示器,沒有任何React。 您需要從“色板”面板中拖動指示器頂部的顏色或從主面板中進行選擇。 挫折。

Image for post
double click doesn’t do anything
雙擊不起作用

Feedback and Preview:

反饋和預覽:

The preview is right online: I make a change and see it too. Here, the gradient change is on the panel, unlike Illustrator where the change is on the shape itself.

預覽是在線的:我進行了更改并看到了它。 在這里,漸變更改位于面板上,這與Illustrator不同,該更改位于形狀本身上。

Gradient Level:

漸變等級:

Here you can change it right on the panel, and it’s not as gradual and smooth as in Illustrator.

在這里,您可以在面板上直接對其進行更改,它不像Illustrator那樣漸變和流暢。

Image for post
stiff and not so gradual
僵硬而不是漸進的

And the winner is…

最終獲勝者是…

🎺🎺🎺🎺🎺🎺 (🎺 🎺 🎺 🎺🎺 🎺)

XD (XD)

? Great UI: the handles can be manipulated like butter, and the gradient is silky smooth.

?很棒的用戶界面:手柄可以像黃油一樣進行操作,并且漸變柔滑。

Image for post

? You can also adjust the opacity, and it’s fun.

?您還可以調整不透明度,這很有趣。

Image for post

? You can add as many colors as you like and it’s smooth.

?您可以添加任意多的顏色,它很平滑。

Image for post

? There is always an instant preview near the gradient panel — very comfortable.

?漸變面板附近總是有即時預覽-非常舒適。

To sum it up:

把它們加起來:

The only missing link is the change in the gradual blend of the gradient, because the handles here are so elastic that you can stretch them far. With this action, you can control the gradient, but it’s not enough.

唯一缺少的鏈接是漸變漸變混合的更改,因為此處的手柄非常有彈性,您可以將其拉伸得很遠。 通過此操作,您可以控制漸變,但還不夠。

Overall, I’m delighted with this gradient tool. Good job, guys! I look forward to its implementation in other Adobe products.

總的來說,我對這個漸變工具很滿意。 干得好,伙計們! 我期待它在其他Adobe產品中的實現。

翻譯自: https://uxdesign.cc/adobe-finaly-made-it-with-the-gradient-tool-but-its-a-shame-they-stole-it-from-sketch-80d4f7c5322f

adobe清理工具

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

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

相關文章

GMF學習系列(二) 一些知識點(續2)

8.插件的國際化,可以參考nwpu.cdcsp.sbpel.diagram.part中messages.java的做法。 9.Text自動提示功能 import org.eclipse.jface.bindings.keys.KeyStroke; import org.eclipse.jface.dialogs.Dialog; import org.eclipse.jface.fieldassist.AutoCompleteField; im…

新手向:前端程序員必學基本技能——調試JS代碼

1前言大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以加我微信 ruochuan12 參與,已進行三個月了,大家一起交流學習,共同進步。想學源碼,極力推薦之前我寫的《學習源碼整體架構系列》 包含jQuery、un…

iOS開發ApplePay的介紹與實現

1、Apple Pay的介紹 Apple Pay官方1.1 Apple Pay概念 Apple Pay,簡單來說, 就是一種移動支付方式。通過Touch ID/ Passcode,用戶可使用存儲在iPhone 6, 6p等之后的新設備上的信用卡和借記卡支付證書來授權支付; 它是蘋果公司在2014蘋果秋季新…

mes建設指南_給予和接受建設性批評的設計師指南

mes建設指南Constructive criticism, or more plainly, feedback, plays a crucial role in a designer’s job. Design is an iterative process, so we are often either asking for feedback on our own work or dishing it out to a fellow designer.建設性的批評&#xff…

面試官:請實現一個通用函數把 callback 轉成 promise

1. 前言大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以加我微信 ruochuan12 參與,或者在公眾號:若川視野,回復"源碼"參與,每周大家一起學習200行左右的源碼,共同進步。已進行…

java中filter的用法

filter過濾器主要使用于前臺向后臺傳遞數據是的過濾操作。程度很簡單就不說明了,直接給幾個已經寫好的代碼: 一、使瀏覽器不緩存頁面的過濾器 Java代碼 import javax.servlet.*;import javax.servlet.http.HttpServletResponse;import java.io.IOExcept…

我很喜歡玩游戲,那么我就適合做游戲程序員嗎?

作者:黃小斜文章來源:【程序員江湖】游戲在今天的普及度已經不是端游時代可以比肩的了。如今人手一臺手機、平板就可以吃雞、打農藥,不僅是男生,也有很多女生加入了游戲圈。相信現在在看文章的你也玩游戲,雖然愛玩的程…

open-falcon_NASA在Falcon 9上帶回了蠕蟲-其背后的故事是什么?

open-falconYes, that’s right. The classic NASA “worm” logo is back! An image of the revived NASA worm logo was released on Twitter by NASA Administrator Jim Bridenstine as well as press release on the NASA.gov website. NASA explained that original NASA …

聽說你對 ES6 class 類還不是很了解

大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以加我微信 ruochuan12 參與。前言在ES5中是原型函數,到了ES6中出現了"類"的概念。等同于是ES5的語法糖,大大提升了編寫代碼的速度,本文只講一些常用的&…

《CSS揭秘》讀書筆記

摘要 《CSS揭秘》主要是介紹了使用CSS的技巧,通過47個案例來靈活的使用CSS進行實現,同時在實現過程中注重CSS代碼的靈活性與健壯性。通過閱讀這本書有利于我們編寫高質量的CSS代碼以及打破使用CSS時的固定思維,能夠更加靈活的使用CSS。 《CSS…

一篇文章帶你搞懂前端面試技巧及進階路線

大家好,我是若川。最近有很多朋友給我后臺留言:自己投了不少簡歷,但是收到的面試邀請卻特別少;好不容易收到了大廠的面試邀請,但由于對面試流程不清楚,準備的特別不充分,結果也掛了;…

小屏幕 ui設計_UI設計基礎:屏幕

小屏幕 ui設計重點 (Top highlight)第4部分 (Part 4) Welcome to the fourth part of the UI Design basics. This time we’ll cover the screens you’ll likely design for. This is also a part of the free chapters from Designing User Interfaces.歡迎使用UI設計基礎知…

RabbitMQ指南之四:路由(Routing)和直連交換機(Direct Exchange)

在上一章中,我們構建了一個簡單的日志系統,我們可以把消息廣播給很多的消費者。在本章中我們將增加一個特性:我們可以訂閱這些信息中的一些信息。例如,我們希望只將error級別的錯誤存儲到硬盤中,同時可以將所有級別&am…

不用任何插件實現 WordPress 的彩色標簽云

側邊欄的標簽云(Tag Cloud)一直是 WordPress 2.3 以后的內置功能,一般直接調用函數wp_tag_cloud 或者在 Widgets 里開啟即可,但是默認的全部是一個顏色,只是大小不一樣,很是不順眼,雖然可以用 S…

隨時隨地能寫代碼, vscode.dev 出手了

大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以加我微信 ruochuan12 參與。今天偶然看到了 VSCode 官方發布了一條激動人心的 Twitter,vscode.dev[1] 域名上線了!image-20211021211915942新的域名 vscode.dev[2] 它是一個…

七種主流設計風格_您是哪種設計風格?

七種主流設計風格重點 (Top highlight)I had an idea for another mindblowing test, so here it is. Since you guys liked the first one so much, and I got so many nice, funny responses and private messages on how accurate it actually was, I thought you will prob…

算法精講:分享一道值得分享的算法題

分享一道leetcode上的題,當然,居然不是放在刷題貼里來講,意味著分享的這道題不僅僅是教你怎么來解決,更重要的是這道題引發出來的一些解題技巧或許可以用在其他地方,下面我們來看看這道題的描述。 問題描述 給定一個未…

正幾邊形可以實現無縫拼接?

正n邊形內角為 (n-2)*180/n ,要保證可以無縫拼接,就是一個圓可以被整數個n邊形內角拼接,即 360k*(n-2)*180/n > 2nk(n-2)。(摘自http://blog.csdn.net/ray58750034/article/details/1365813) 以下代碼表明&#xff…

React 18 Beta 來了

大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以加我微信 ruochuan12 參與,目前近3000人參與。經過「React18工作組」幾個月工作,11月16日v18終于從Alpha版本更新到Beta版本。本文會解釋:這次更新帶來的變化對開…

osg著色語言著色_探索數字著色

osg著色語言著色Learn how to colorize icons with your NounPro subscription and Adobe Illustrator.了解如何使用NounPro訂閱和Adobe Illustrator為圖標著色。 For those who want to level up their black and white Noun Project icons with a splash of color, unlockin…