設(shè)計過程哪些設(shè)計具有淺3D效果

2010-02-15 網(wǎng)頁設(shè)計

為了幫助我們理解何時使用卡或列表更適合用于UX，它可以極大地幫助我們首先了解每個對象是什么以及每個對象應(yīng)該做什么（或應(yīng)該做什么）。

卡是顯示各種相關(guān)信息的容器，用戶可以從中獲取更多信息。雖然它仍然是平面設(shè)計的產(chǎn)品，但由于它通常具有淺3D效果（如陰影以指示可點擊性），因此更適合歸類為Flat Design 2.0。諸如視覺深度之類的3D效果對于用戶來說是指稱，告訴他們他們可以單擊以獲取更多信息。

有趣的是，紙牌存在二分法，因為它通常在形狀和大小上都類似于實際的紙牌。這暗示了過時的擬態(tài)，其中圖形元素類似于實際項目。

列表是一個頁面，用戶的搜索條件或瀏覽習(xí)慣會將其作為頁面。列表頁面實質(zhì)上具有許多各種候選項目或條目。因此，列表必須有助于針對適當(dāng)?shù)腢X進行高效且快速的眼睛掃描。這是一個重要的區(qū)別，有助于在可用性方面區(qū)分列表比卡片更合適。

1.寫你的副本

復(fù)制是用戶決策的關(guān)鍵方面之一，我將其視為設(shè)計的關(guān)鍵部分。沒有什么比沒有令人困惑的對話框的好設(shè)計更好的設(shè)計了，用戶在其中很難找到下一步。

2.第一次實習(xí)測試

使用初稿，您可以在Marvel或Invision中快速創(chuàng)建原型。這是我最近開始做的事情，事實證明這是另一個令人驚奇的驗證方面。使用原型，您現(xiàn)在可以輕松地與團隊中的3或4個人建立呼叫，并與他們共享原型鏈接，并在測試特定流程/場景時嘗試提出一些問題。

這樣，您可以輕松地測試您的提問技能，并且顯然可以在真實用戶上測試您的設(shè)計決策，而不必擔(dān)心浪費資源和時間。我傾向于選擇不參與儀表板開發(fā)的人員。也要盡量避免看到有人曾經(jīng)有機會玩過原型。

3.禮節(jié)

我們都知道保持整潔有多么困難。如何提供另一個功能。這通常會導(dǎo)致草圖或PSD文件混亂。我已經(jīng)學(xué)到了很多關(guān)于在初創(chuàng)公司中擔(dān)任單一設(shè)計師，在團隊中工作或開發(fā)自己的數(shù)字產(chǎn)品之間的區(qū)別的知識。

當(dāng)您在團隊中工作時，請考慮您的PSD，就像您正在為其他人創(chuàng)建它們一樣。我使用的規(guī)則是，如果一個文件夾中的層數(shù)超過8，則應(yīng)創(chuàng)建一個新層。

我找到了一個很棒的Sketch插件，為我的UI套件工作節(jié)省了我?guī)讉€小時：重命名它。

提示：將所有內(nèi)容放在畫布上。我一直在努力設(shè)計漂亮的頁眉，而其余的畫布是白色的。在設(shè)計時，我學(xué)會了將所有內(nèi)容放在第一位-只是玩布局和版式。設(shè)計精美的細節(jié)并在適當(dāng)位置使用整個概念要容易得多。

4.創(chuàng)建UI元素并開始使用LEGO

我可能參加聚會很晚，而在撰寫本文時，這聽起來已經(jīng)過時了。我們在此過程中沒有進行任何線框圖的原因很簡單。我發(fā)現(xiàn)Sketch 39帶有令人難以置信的東西，那就是“具有調(diào)整大小屬性的形狀”。這使團隊中的每個人都可以輕松進行設(shè)計?，F(xiàn)在，我們的Sketch文件是純拖放文件。您可以輕松地給任何隊友一塊空白的畫布，他們可以創(chuàng)建幾乎高保真的草稿。因此，我們能夠跳過所有線框圖工具，并以幾乎真實的像素開始。

這也與我們能夠?qū)⒕€框?qū)嶋H轉(zhuǎn)換為實際設(shè)計緊密結(jié)合。任何PM都可以創(chuàng)建線框，然后我可以輕松地將其接管并轉(zhuǎn)換為高保真度。

當(dāng)您完成基于第一反饋的設(shè)計和迭代時，您還沒有完成?，F(xiàn)在是時候?qū)⒛脑O(shè)計移交給工程師/開發(fā)人員了。

5.規(guī)格

我的主要目標之一是始終能夠與團隊溝通我的決定，并能夠盡我所能減少開發(fā)人員的困難，以便為他們提供最佳的資源。對于我來說，這絕對是我從事設(shè)計師工作中最重要的部分。

由于我們記錄了所有交互過程并從流程開始就已準備好一切，因此創(chuàng)建規(guī)格很容易。我傾向于在Google文檔中或在Sketch文件的屏幕下方編寫規(guī)范。最好對所有功能進行說明來處理您的設(shè)計，以便以后任何人都可以抓取您的文件。

6.圖

此技術(shù)非常適合打印設(shè)計并與團隊討論。但是如今，我認為有更好的選擇。比如準備好最終的原型。

7.最終原型

如今，組織網(wǎng)站內(nèi)容的兩種最常用的方法是使用卡片和列表。每個人都有其優(yōu)點和缺點。自從網(wǎng)絡(luò)誕生之初就出現(xiàn)了清單，而基于卡的設(shè)計直到最近才成為一種不可忽視的力量，并且越來越成為內(nèi)容組織的一種流行選擇。

卡和清單是顯示內(nèi)容的獨特方式，這意味著它們在特定情況下分別是好是壞。當(dāng)然，對于網(wǎng)頁設(shè)計師來說，關(guān)鍵是要了解何時正確使用每個人都能為用戶帶來更好的用戶體驗。答案可能會讓您感到驚訝，并使您對設(shè)計原理的看法有所不同。

在這里，我們探討了在網(wǎng)頁設(shè)計中何時使用杭州網(wǎng)站建設(shè)而非列表，反之亦然。

上一篇：設(shè)計始終是一個持續(xù)的過程返回觀點列表下一篇：設(shè)計要求用戶在屏幕上進一步記住選擇最簡單

本文標簽：

本文地址： http://www.bmwdream.cn/a/1304.html

相關(guān)專題

品牌官網(wǎng)設(shè)計
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國際化視野和標準為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
大策略營銷門戶網(wǎng)站
杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團公司提供網(wǎng)頁設(shè)計、制作、開發(fā)服務(wù)，為集團公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因為派迪科技在這里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗、與客戶的持續(xù)溝通以及對每一個細節(jié)的關(guān)注，我們確保在快速的周期時間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情