• EN
香港:(852)3749 9734
[email protected]

新聞資料

單色的配色方案

如今很多網頁設計都傾向于扁平化設計的風格,尤其是移動的APP界面設計。對于單色的使用,扁平化設計是非常有突出的。下面就來為大家簡單講述一下網頁設計中的單色的配色方案。

Read more >
網站系統的登錄界面設計

  任何壹個系統,不管是B S還是C S應用,不管是PC應用還是移動應用,都往往會有登錄界面,這個登錄界面是用戶使 用產品的入口點。壹個

Read more >
移動界面設計的“吉祥三寶”

1、 降低用戶的門檻 相信很多用戶對於註冊表單的填寫不只是煩心,還有恐懼。冗長的表單,設置密碼起碼耗費幾分鐘,還看不到密碼等等,這些都是在挑戰用戶的忍耐力。

Read more >
談談iOS人機界面設計核心理念

可以說,蘋果更新了設計語言,對之前的設計語言大為簡化,設計師能夠將更多的精力和心思花到動畫以及功能上,而不是那些反復的視覺細節之上。

Read more >
對大屏幕移動設備要有所思考

我們可以很明顯的看到大屏幕的移動設備在快速的發展和普及,更大的屏幕跟豐富的數字內容,正在更新著我們的移動生活。但是,對於網頁設計來說呢?

Read more >
淺談界面架構

其實,界面架構是對載入狀態的一種革新。很明顯,它已經載入了,所以用戶的焦點會是在元素和內容上,而不是讓用戶在等待加載。

Read more >
扁平和擬物你搞清楚了沒?

兩種看上去好像比較相似的界面設計風格,一個基於另一個,一個也很熱,一個以自己的方式成為了流行趨勢,一個自發的也成為了潮流方向……

Read more >
關於界面設計的6點細節

1、 色彩、形狀、樣式等靜態的設計元素固然重要,但動效也非常的流行。色彩的漸變、線性的滑動、翻頁的特效、返回的效果,都可以考慮使用到動效。當然,前提是要合理。

Read more >
引導界面設計的注意事項

1、 對界面(產品與服務)的需求全面瞭解 引導界面設計的方式很多,但要運用得妥當必須要結合整個應用界面的定位、風格。

Read more >
平鋪式導航

什麼類型的界面設計會比較適合平鋪式導航?——當界面的信息內容比較簡潔(扁平)的時候,可以合理的使用平鋪式導航。

Read more >
如何優化加載?

1、 無阻塞 簡單來說,在進行界面設計的時候,寫在HTML頭部的JavaScript和寫在標簽中的style不一樣,會阻塞頁面的渲染。

Read more >
按鈕看得見卻點不到

對於移動端的界面設計,按鈕是非常重要的“小東西。要如何降低用戶在點擊它們時的困擾,秘訣當然是在於設定按鈕的觸控感應區。

Read more >
移動端界面要優先的是什麼?

當然是內容! 很明顯,移動端界面設計要更加苦惱於屏幕尺寸。因此在佈局的時候應該以內容為核心,當然那內容不僅僅是文字,也可以是圖形圖像或者視頻等。

Read more >
如何有效簡化用戶的輸入?

對於移動界面設計來說,影響用戶體驗的因素之一肯定有用戶輸入這點。受制於屏幕尺寸,用戶進行輸入本身就比其他終端的界面要複雜困難些。

Read more >
這些新趨勢應該進行學習

1、 APP設計運用到網頁設計當中 用戶每天都會打開各種各樣的APP界面,作為網頁設計師則可以學習APP的界面設計。它們高效並且干擾性少,用戶體驗方面更為貼近用戶的實際。

Read more >
淺談近年來移動端的界面設計

無論移動端的界面設計還是APP的頁面設計,移動端的界面正在快速發展是不爭的事實。而用戶對於品牌或者產品的喜愛程度,總在期望能夠推出客戶端。

Read more >
HTML5有哪些人氣高的特效

1、 粒子 簡單來說就是在界面設計時使用一些模擬現實當中自然效果的元素,原理是將無數的單個粒子組合使得其呈現出固定的形態

Read more >
這六款HTML5特效你用過嗎?

1、 Cinemagraphic 什麼是Cinemagraphic?Cinema是電影攝影,而graphic是圖片,而結合起來就是神奇的將局部運動賦予到靜態照片當中的一款特效。

Read more >
在設計之前你做這些

一、 建立假設進行測試 網頁設計也需要進行假設,在落實方案之前需要假設某些情況。進行頭腦風暴假設一些比較有可能出現的情景,在草稿上記錄、描繪。

Read more >
2016年頁面設計師要抓住這三點

一、 手機化菜單設計 很明顯,移動端優先已經成為了趨勢。而漸漸有不少的頁面設計師開始在進行桌面端界面設計時,開始應用手機菜單的設計形式。

Read more >
界面設計視覺效果如何把握

1、 圖標強識別性 無論你的界面設計是扁平化還是擬物化風格,圖標一定要有強烈的識別性。用戶不僅僅只關注好看,還需要能夠一眼就看清楚這個圖標大概是要傳達什麼。

Read more >
移動端的電商界面如何變得高效?

如今,才移動設備端進行購物的現象越來越多。因為方便,隨時隨地都可以進行。而提供給用戶良好的購物體驗就變得更家重要,雖然移動端電商界面使用起來很方便,但用戶體驗方面還是有諸

Read more >
界面設計之前的交談不容忽略

不只是你的客戶在使用網站,受眾的是大多數的用戶。因此,要交談的不僅僅是客戶,還有用戶,切實的瞭解他們如何的使用網絡,頻率,在哪些設備上,有哪些操作痛點等。

Read more >
處理好頁面權限才能提升交互體驗

比如權限問題,尤其是移動端的界面設計,最容易被用戶詬病的地方。用戶很少能夠理解為何你的APP產品頁面在剛打開時就要索要一堆權限,可否有想過隱私安全的問題?

Read more >
移動端交互手勢設計兩條準則

1、 符合用戶的認知習慣 如若使用基礎交互手勢之外的創新手勢,在沒有建立比較統一的規範情況之下,執意使用創新的交互手勢設計方式會令到用戶感覺困惑。

Read more >
界面交互應該這樣做

1、 只使用某個手勢方式 界面設計時對於手勢交互方式當然不只一種,但有時候在特定的頁面當中只採用一種手勢方式,能夠幫助用戶更快上手以及記憶深刻。

Read more >
移動端頁面以及APP頁面有何區別?

1、 加載速度 一般來說,移動端的頁面需要跳轉的次數比較多,加載速度是用戶的剛需。而APP頁面設計時,則要考慮降低用戶的跳轉次數,否則會影響到用戶體驗。

Read more >
設計制定規範有什麼具體的作用

一、 用戶體驗 是採用下拉菜單,還是取消彈窗,相同的情景當中只使用一種交互方式還是兩種,等等這些都需要在進行界面設計的階段時要事先確定好。

Read more >
學習頁面設計規則,然後突破

網頁設計領域當然要存在一定的規則,一個出色網頁設計不僅要瞭解網頁設計的規則,還要瞭解用戶規則,以及漸漸出現的移動設備端界面設計的規則。

Read more >
界面設計四大原則

進行界面設計必須要重視一致性,但是團隊成員之間以及客戶之間的交流往往是指出問題容易,解決問題卻困難。所以,無論是全域還是細節層面都需要以下的四點設計原則要遵循:

Read more >
怎樣提升網站設計思路

用戶界面設計的過程,首先是頭腦風暴,也就是對用戶與網站的交互,以及客戶的需求實現之間如何兼顧平衡。不妨從以下這幾點進行著手:

Read more >
什麼是少即是多

如此矛盾的一句話,卻成為簡潔風格的界面設計精髓。簡潔風格的頁面,能夠直截了當的呈現出頁面的內容、元素、功能,降低對用戶的干擾。那怎麼理解少即是多?

Read more >
界面設計兩點運用好黃金比例

一、 佈局:在尺寸上運用 在決定頁面的佈局大小時,可以運用黃金比例的方式。不妨嘗試著用最簡單的方法,也就是1:1 618的比例,以此決定頁面布局的尺寸。

Read more >
10條用戶交互狀態實時反饋

1、 界面設計需要呈現相關的信息,給予用戶確定性高的內容和數據; 2、 在用戶操作任務的時候,儘量的顯示出當前的進度和剩餘的時間,以此緩解用戶的困惑和焦慮;

Read more >
容錯性原則:引導和提示

界面設計採用容錯性方式,首先需要注重它的原則之一:引導和提示 當然,要注意的是引導和提示主要是針對新手用戶,因為其他用戶和目標用戶可能已經使用過界面很多次熟練了,對流程有

Read more >
界面設計最佳的解決方案

界面設計最避忌就是總把目光放到一些小特性,小功能上面,過於細節化就會顧此失彼。 界面設計最重要的是,去發現更多真正關係到於用戶需求相關的問題。

Read more >
下拉菜單兩大常見形式

一、 菜單和標簽 界面設計當中所有的表格設置,都需要使用標簽,以此用來提示用戶怎樣去選擇輸入內容。而選擇菜單也是如此,幫助用戶快速的進行點擊選擇,降低輸入成本。

Read more >
兩大因素影響界面的配色

一、 決定重點 用戶多是會採用走馬觀花的形式去瀏覽網頁,並不知道你的頁面設計時會有某些重要的信息內容或者元素要他們去重視。

Read more >
動效要出色,先從這三個基礎開始

1、 Wiggle 這是界面設計使用動效元素時最常用的一組表達式,簡單來說就是通過賦予動效一定數值讓其實現擺動。這個表達式能夠讓界面的動效元素動得生動而自然。

Read more >
移動端界面設計從兩個方面為體驗加分

一、 給用戶出口 用戶體驗很大程度上是與網頁設計流程相關的,而網頁設計的流程在絕大多少情況下是幫用戶推進瀏覽和操作的進度,以及完成一定的任務目標。所以,必須避免設計流程過程

Read more >
尷尬!下載完就要進行評分

這其實與使用新產品時,打開界面卻首先被索取權限設置一樣,特別挫傷用戶體驗! 當你開始享用這個應用的時候,整個用戶體驗卻被突然彈出的評分要求打斷,感覺真的難以形容。

Read more >
首圖要吸睛離不開三美

文字的美 一般來說,界面當中的首圖設計都離不開文字,或多或少或者僅有幾個字母。其實,除卻傳遞信息之外,文字本身也能夠通過合理的設計起到美化首圖的作用。

Read more >
如何讓界面彈窗不要太擾人?

1、 儘量降低干擾 彈窗必定會中斷用戶在界面上的操作。而且有些界面彈窗不僅僅是冒失的跑出來,還非要用戶進行確認才能夠關閉,這絕對是降低用戶體驗的做法之一!

Read more >
如何做出吸睛的對比效果?

1、 構圖:三分法是最常見的界面構圖方式,然而也是很容易就打造出良好的對比效果。其次也可以使用對角的形式,能夠讓界面設計有一些律動感,以此去引導用戶的瀏覽軌跡。

Read more >
進度條設計有什麼類型?

界面設計或多或少都會使用進度條,一是讓用戶確保自己的操作是否生效,二是讓用戶更加願意等待。從整體來說,進度條設計有以下兩大類:

Read more >
三方面提升用戶體驗設計質量

1、 測試 測試是有效驗證用戶體驗設計的最佳方式,只有這樣才能夠切實地保證界面設計的可用性和易用性,同時避免了上線之後再來進行修改的精力與時間成本。

Read more >
APP界面設計常見的尷尬之處

一、 糟糕的第一印象 在用戶打開你的應用界面時,不是什麼歡迎語,也不是什麼賞心悅目的圖形圖像,卻是註冊登陸的表單填寫,或者是權限允許的詢問。

Read more >
界面設計視覺敗北的三個因素

一、 小而密集的元素 元素靠得太近,用戶瀏覽壓力會大增。其次,操作體驗也非常糟糕。因此,要確保每個元素周圍的留白是否足夠,提升可讀和易讀性。

Read more >
如何衡量界面改版是否成功

界面改版之後,最牽動的是用戶體驗這個因素。那麼,如何衡量你的界面改版是否成功? 1、 清晰明瞭 改版之後更為清晰明瞭,用戶更多時候只需要所見即所得。最基礎的是,可讀和易讀性增

Read more >
三種經典佈局方式用好也可“翻身“”

一、 頂部大圖的banner與簡單的柵格 無論界面設計要面對的設備尺寸是多少,這種經典的佈局方式都能夠向用戶呈現出豐富而充足的內容,最大程度滿足用戶的瀏覽和操作。同時視覺上比較清晰

Read more >
傾斜形式的界面要注意什麼

傾斜的界面設計佈局形式,能夠製造出墜落感。但是要注意的方面還是有很多: 1、 一定要慎重對待傾斜方向的配圖,尤其是大圖,看上去很有吸引,但是犧牲了用戶的易讀和可讀性。

Read more >
三個方面真正地做好界面設計

1、手指操作友好度高:觸控尺寸要足夠,一般建議在7-10毫米,這樣能夠幫助用戶準確地使用手指觸及到。再者,還要盡可能地保證控件在被用戶點擊時,控件的邊緣是清晰可見的。也就是能夠

Read more >
三方面提升移動端界面設計

•圖片可以進行擴展的放大 當用戶在你的界面上進行購物時,若圖片無法進行點擊放大,相信用戶體驗是非常糟糕的。同時,還讓用戶感覺信譽度不高。

Read more >
三招搞掂界面的文案用戶不感冒

1、 用語進行精簡 碎片化的閱讀趨勢,因此對於過長的純文本,別說用戶了,你都不會有多少耐心去閱讀。用語越簡潔,詞語越精闢,用戶被吸引的可能性就越高。

Read more >
如何讓動效不只是好看

1、 視覺的反饋 對於任何的界面設計類型來說,給用戶提供合理、即使的視覺反饋都是至關重要的。當然,現在的動效運用不再僅僅是局限於視覺上的動,還配合著音效。

Read more >
界面動效設計的三大原則

一、 材質 簡單來說,就是界面設計時,運用動效是希望給用戶呈現出動效的基本屬性,是輕盈的還是笨重的?是圓滑的還是尖銳的?

Read more >
啟動頁和空狀態

1、當用戶點擊打開app產品界面時,一般都需要稍微的等待。這是界面設計的初始設置,處理不恰當容易讓用戶疑惑。

Read more >
什麼是移動的框架界面

在進行移動端界面設計前,必須考慮到界面內容有著不同的加載速度。它們不是立馬加載,也不會同一時刻加載。為了緩解用戶的等待的情緒,不妨為這些界面進行巧妙的細節設計。

Read more >
哪些界面適合卡片形式?

·卡片流 卡片能夠很好地創建信息流,事件流以及時間軸。比如Facebook 的 Feed 就是使用卡片來承載界面事件,陪著無限滾動加載的形式。

Read more >
做好這兩點可讓界面更難忘

第一點:保持更新與改變 持續地為界面進行完善、優化是提升界面設計質感的有效方法之一。尤其是電商類型、新聞類型的界面設計項目。

Read more >
知道那麼多配色方案,還是用不好?!

1 試試單色 同色系 同色系搭配,比較適合需求顏色比較統一界面設計類型。一般需要通過吸取與整體協調統一的周邊顏色,再添加合適的輔助顏色,使得界面色彩變得統一而豐富。

Read more >