兩個技巧讓界面更輕

兩個技巧讓界面更輕發布自Inspirr網頁設計公司

出自: Inspirr網頁設計公司  2016/10/19
關鍵字 Hong Kong, web design, Design House

一種字體用到底 減少界面設計當中所使用的字體數量,反而還能夠突出字體自身的張力。因為當你能夠合理地減少字體的使用時,反而能夠讓用戶更加專注於頁面。為何這樣建議?單一或者少量的字體在整個界面設計當中,能夠讓視覺效果更為穩定。同時也利於網站的品牌傳遞,以及跨設備時的內容響應的穩定性。最重要的是保證了可讀性和提升了易讀性。 空間和組塊 儘管風格線條也會讓界面比較輕盈,但是若運用不合理的話容易造成界面密集而淩亂。不妨試試空間和組塊,能讓界面的功能更加突出,同時讓視覺效果相對更具有引導性。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更 多諮詢可以看:inspirrweb.com

關鍵字 Advertising Services, Design House, e marketing, Hong Kong, logo design, web design, Web Site Design

聯絡Inspirr網頁設計公司

電郵地址

列印頁面

分享

其他來自Inspirr網頁設計公司的新聞與資訊

卡片化和無邊框發布自Inspirr網頁設計公司 縮略圖
2017/01/16

卡片化和無邊框

對於頁面設計來說活,卡片化的使用有很突出的優越性和合理性。尤其是移動端設備的螢幕尺寸越來越不可預期,設計上急需某種設計手段讓頁面設計能夠使用不同尺寸的螢幕。因此,卡片化的出現就是解決燃眉之急! 簡單來說,卡片化的頁面設計形式就像將頁面內容封裝成為固定的社區快,像水一樣,可以放到任何比自己大的容器當中。不但如此,卡片話頁面還可以根據需要進行隨時的刪減,以及靈活的控制卡片上的種類以及數量。非常適應相應式頁面的大環境。 而無邊框與卡片化其實並沒有產生相沖,也就是將內容分裝成為社區塊的改變依舊在,只是卡片變得透明,頁面就呈現得更加通透、簡潔。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


極簡主義的網頁到底要講究的是什麼發布自Inspirr網頁設計公司 縮略圖
2017/01/12

極簡主義的網頁到底要講究的是什麼

對於頁面設計來說活,卡片化的使用有很突出的優越性和合理性。尤其是移動端設備的螢幕尺寸越來越不可預期,設計上急需某種設計手段讓頁面設計能夠使用不同尺寸的螢幕。因此,卡片化的出現就是解決燃眉之急! 簡單來說,卡片化的頁面設計形式就像將頁面內容封裝成為固定的社區快,像水一樣,可以放到任何比自己大的容器當中。不但如此,卡片話頁面還可以根據需要進行隨時的刪減,以及靈活的控制卡片上的種類以及數量。非常適應相應式頁面的大環境。 而無邊框與卡片化其實並沒有產生相沖,也就是將內容分裝成為社區塊的改變依舊在,只是卡片變得透明,頁面就呈現得更加通透、簡潔。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


為何你的頁面成品與設計稿差別大?發布自Inspirr網頁設計公司 縮略圖
2017/01/10

為何你的頁面成品與設計稿差別大?

以原生的體驗類比 很明顯,原生的頁面體驗會比較流程,尤其是APP產品頁面設計,視覺效果上也會比較華麗。因此很多設計師會儘量地向原生體驗靠攏。但是要實現起來,其實很困難。很多APP產品頁面設計的體驗換到H5上就會變得非常的難堪。 設計稿都是完美的狀態 很明顯,設計稿往往呈現的都是最完美的狀態。但是要前端實現得完全其實很難,因為要考慮到各種的溢出狀態,還有多個超出、拆行、撐開等等。這些情況多數不會在設計稿上出現,但是到了實際的頁面設計流程中,你會發現是不可能實現得徹底的。 用了非系統的字體 所謂的活字,就是直接以文本的形式呈現到頁面上,而不是以圖片類比的文字。因此,建議即使是設計稿都要使用系統的字體,否則只是好看而已!瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


2017/01/06

移動端介面設計如何用對圖片

移動端介面設計在結構和文本確定之後,接下來的流程就是圖片設計。從介面來說,若果單純地從文本“閱讀型”結構調整為“觀看型”結構。對於介面的易讀性以及介面整體的視覺效果能夠產生比較好的影響。 介面設計當中圖片所占的比率較圖板率,通常情況下降低圖片的使用能夠給使用者呈現出比較又質感以及簡約的視覺效果和氛圍。而合理地提高圖片的使用比率則可以提升介面的活力,使得介面更加吸引使用者,同時使用者接收的資訊內容會快捷很多。 其實,圖片的選取技巧也與圖片當中的元素、色調以及情感有很大的關係。合適的圖片能夠有效地提升整個移動端介面設計的氣質,再配合一些色塊、抽象化的類比現實存在的元素,能夠讓介面呈現得更有立體感。 但無論如何都要遵循,圖片不僅僅是為了視覺效果上的美感。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:insp


復古!什麼是孟菲斯頁面設計風格?發布自Inspirr網頁設計公司 縮略圖
2017/01/04

復古!什麼是孟菲斯頁面設計風格?

孟菲斯頁面設計風格其實是現在比較流行的一種復古趨勢,它其實擁有著現代設計風格的特徵。最初起源于其實紡織品的設計,也就是常見的波普藝術、裝飾藝術,屬於復古風格的分支之一。它為何這麼受歡迎? 使用扁平化、向量的元素,配色方面明亮、飽和度高 幾何圖形是這種風格的主要元素,比較少採用實際的圖片或相片 包含大量扭曲的曲線一級筆觸,作為視覺線索和指引 非襯線體是這種風格趨勢的字體最突出的選擇瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


什麼是頁面的空間共用式排版發布自Inspirr網頁設計公司 縮略圖
2016/12/30

什麼是頁面的空間共用式排版

如今,空間共用式排版是頁面設計當中比較容易識別的方式。最為典型的特徵是文字或者相似的元素橫跨多個圖層、模組或者區塊。 從廣泛意義上來講,這種排版的方式核心概念在於,某個元素和其他的元素擁有著共用空間,以此橫跨不同區域。元素相互之間進行疊加。因此,這種設計方式常常被視作為分屏設計的一種延伸。許多跨區域的排版設計都非常明顯,當然也存在著比較微妙的。 運用得合理的話,這種設計手法能夠借助元素區域的疊加,有效地説明使用者更好地瞭解頁面的內容和資訊。因此,共用的區域成為了不同區塊和不同資訊的連接。 再者,這種排版方式能夠讓頁面的文本內容更好地被承載!瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


精准快!五個配圖技巧發布自Inspirr網頁設計公司 縮略圖
2016/12/28

精准快!五個配圖技巧

上下文與之關聯 很明顯,所選取的圖片與網站建設或者產品頁面設計的主旨、核心內容、風格等不符合的話,用戶不只會疑惑,甚至會對網站產生不信任的情感。與網站設計專案關係密切的配圖,在基礎上保證了視覺的可預測性。 有明確的視覺焦點 在選取介面設計專案的圖片時,必須要考慮到視覺焦點。避免焦點過於廣泛,用戶無法從中攝取到除了“美”之外的資訊。 有真實的人物形象 這種配圖是有效提升用戶參與感、信任感的途徑,再者還能夠微妙地傳遞出情緒以及情感。當然,具體的使用還要根據介面設計的類型。 高質素圖片 也就是圖片要具備高解析度,在設計過程需要針對特定的設備和解析度來調整圖片的質素,以確保圖片的尺寸能夠相容不同的平臺。 突出個性化 尤其是移動端設計,很多是為了特定功能而製作的。在保證可用性的基礎上,提升配圖的個性化,能夠有效地提升頁面的轉化率。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設


兩招提升電商網站設計發布自Inspirr網頁設計公司 縮略圖
2016/12/23

兩招提升電商網站設計

基於資料的使用者購買行為去預測進行設計 資料這個屬於近乎可以改變絕大多數的行業,尤其是電商網站設計項目,與使用者的購物模式、商品模式有著緊密的關係。因此資料的收集和分析非常適合在電商網站設計的前期工作當中,這樣能夠根於使用者的頁面購買行為去進行預測,從而提升電商項目設計的出色程度。 虛實相結合的形式 如增加虛擬試衣服、試妝容的功能之外,頁面交互的功能能夠更好地結合用戶現實生活當中的操作。如所見即所得的圖示和按鈕,初次之外,產品的圖片也能夠做到虛實相結合的視覺效果。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


這些基於情境的清單設計模式發布自Inspirr網頁設計公司 縮略圖
2016/12/21

這些基於情境的清單設計模式

1、旋轉木馬模式 將一組列表項目使用水準弧線或者水準排列的呈現方式,能夠允許使用者向左或者向右檢視內容,通常當前或者處於中間的專案會顯示得比較大。這種清單設計模式可以省下不少的介面設計空間,能夠讓使用者把注意力放在正中央的內容上。但是因此也無法一次地呈現較多的資訊,一次其他的資訊無法完整的呈現。 2、斑馬列表 這種模式會使用兩種不同的色彩作為列表設計的背景,能夠容易區分列表的不同。這種模式很好地説明了使用者輕易地辨識列表的區別,以此減少到認知與視覺搜尋的時間瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


卡片式設計趨勢為何能成為強心劑發布自Inspirr網頁設計公司 縮略圖
2016/12/19

卡片式設計趨勢為何能成為強心劑

卡片式設計趨勢之所以一直在使用以及優化,是因為它能夠持續地進步,以及適應移動端設計興起的潮流。最重要的是,它兼顧了視覺效果以及可用性! 再者,它還能夠提供了一致性的理想網頁設計架構,充分地運用使用者對於清晰而漂亮圖片的喜愛,從而去切實地提升網頁的轉化率。最重要的是,有效地提升用戶體驗,使得用戶更便捷低尋找他們想要尋找到的內容。 卡片式設計雖然流行,但並沒有出現特別盲目的現象。如今來看它並不再新穎,但是卻能夠很好地應用到網頁設計尤其是移動端設計上。因此,無論是趨勢,還是必然,都能夠成為主流之一!瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


卡片式設計最佳實踐的三個方面發布自Inspirr網頁設計公司 縮略圖
2016/12/15

卡片式設計最佳實踐的三個方面

一卡一概念 每一張卡片最好是指承載一種概念。當然,承載的內容不能混搭或者過於複雜。使用卡片式進行介面設計時,最好能夠保持其中內容屬性的純粹性以及直觀性。這樣才能讓用戶會輕鬆地進行選取,同時更容易理解和記憶。 整張卡片可被點擊 也就是支援使用者可以點擊卡片任意一個部分來觸發其中的內容,而不是當中的圖片或者文本連結。否則突出不了卡片形式介面設計的優勢,因為可用性不強。 卡片具有視覺美感 這是基礎!除了良好的可用性之外,還應該具備良好好的視覺設計效果。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


微交互精彩的兩處發布自Inspirr網頁設計公司 縮略圖
2016/12/13

微交互精彩的兩處

第一,用動效給予回饋 合理地在頁面設計當中正確地將動效與微交互結合設計,它能夠極大的提升用戶體驗。何謂合理的使用?很明顯,並非所有的動效都能呈現出良好的效果,只有同時具備良好的功能性,還能夠令用戶感覺愉悅感的動效,才適合在微交互當中給用戶以回饋。因為功能性良好的動效能夠有效地降低用戶的認知成本,帶來的作用是正向的。 第二,具備了幽默感 當然,無論是哪種程度的幽默,能夠合理地融入到交互設計中,都能給用戶帶來良好的用戶體驗。一般來說,簡潔又有趣味的文案,以及充滿情緒的表情、姿勢都比較容易實現預期效果。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


淺談保守派的交互設計發布自Inspirr網頁設計公司 縮略圖
2016/12/09

淺談保守派的交互設計

提及到網頁設計中的對話模式,保守派的交互都少不了“菊花”。基本目的是告知使用者網頁正在忙著處理著他們的請求,具體的流程大抵是: 使用者點擊按鈕; 按鈕觸發變為禁用狀態,按鈕上顯示出進度狀態如菊花,以此表示網頁正在運轉; 用戶的請求發送到伺服器; 伺服器返回資訊到網頁; 根據返回的狀態更新按鈕和網頁的視覺狀態。 這種保守的交互設計形式不會導致破壞性的操作,最大程度上保持用戶所處環境不變。但依舊存在著突出的問題:使用者需要等待載入。為改善這種交互體驗,很多設計師會從進度條上著手,給予趣味進度呈現方式,讓使用者在等待中不良情緒減少一些。。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


交互體驗提升——實際環境發布自Inspirr網頁設計公司 縮略圖
2016/12/06

交互體驗提升——實際環境

什麼是交互設計的實際環境?一般來說,包含著兩個方面:其一使用者打開頁面時的時空狀態,其二使用者的交互手勢。其一主要指的是用戶在現實生活當中流覽頁面時的交互體驗是否便捷、有效、無干擾性等。其二則主要指的是,用戶對於交互功能是否所見即所得?是否能夠根據以往的流覽習慣以及經驗進行使用?對於特殊的交互是否學習以及記憶的成本不高?除此之外,還需要切實地考慮使用者更多時候是單手握持還是雙手握持。 交互體驗與用戶的實際環境有著密不可分的關係,交互功能的可用和易用,需要基於在使用者的普遍環境中才可以衡量。尤其是移動端設計,除了考慮到單雙手之外,還有手指可觸範圍,從中定位交互熱區。當然,還需要考慮到使用者在複雜環境中的輸入便捷程度,以此有效提升用戶體驗!瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com


加深了對頁面的瞭解發布自Inspirr網頁設計公司 縮略圖
2016/11/30

加深了對頁面的瞭解

一般來說,頁面設計的交互流程都是線性的。也就是有始有終,用戶可以輕鬆就預知到下一步要如何操作。但是,這種正常的流程已經不能滿足如今使用者的需求,因為他們需要更多有效的、趣味的資訊內容。而對於頁面設計專案自身來說,這種流程也不能滿足對轉化率的渴求。 不妨考慮合理地設計新路徑,拋棄原來的流程模式,讓頁面變得更為靈活而無窮盡。其實這種方式並不新鮮了,常見的出現在電商頁面設計當中,大家熟知的購物車流程。不妨在用戶結帳完成之後給予合理的推薦商品部分。這能夠有效地激發用戶繼續流覽瞭解商品的興趣,及時不再購物,但也加深了對頁面的瞭解。瞭解更多App設計, 網站設計,網站建設資訊請聯繫我們inspirr.com ,inspirroutlet.com,我們Inspirr Digital Studios Limited是香港最 有經驗的網頁製作公司,並建立 手機網頁設計和程式編寫。我們致力於在香港、臺 灣、中國,致外國及東南亞等地。更多諮詢可以看:inspirrweb.com