Category Archives: 網頁設計

這9種方法讓你網頁視覺設計深入人心

網頁設計的視覺層次是塑造優秀數字產品的基礎,它能讓內容以更加有效的方式被組織到一起,使其更容易被理解。視覺層次對於用戶體驗的影響很大,訊息的組織架構是否清晰直觀,將直接影響到整體的導航和瀏覽交互。
更多台北網頁設計

2018年設計實用圖庫

網頁設計的時候是不是經常會碰到一些圖片素材,看著不錯,但是尺寸大小根本不夠用?現在不用擔心了,這款工具就是來幫你解決這個不夠大的問題!你只需要在這款免費工具中,上傳你的圖片,它最大能將你的圖片無損放大4倍!
更多台北網頁設計

國外知名404頁面

在設計網頁的時候,如果找不到這個網頁就會提示你「404 not found 」,錯誤訊息是HTTP的其中一種「標準回應訊息」,很多設計師會使用404玩設計創意!快來看看這些案例如何設計404網頁!
更多台北網頁設計

20個精巧走心的單頁滾動網頁設計案例

單頁滾動也算是目前網頁設計中一個獨立的類別了,導航、菜單等網頁元素的設計也有一套獨特的手法。極簡風的導航欄設計其實算不上太多,畢竟導航欄的部分應該是包羅萬象並且常駐頁面的。
更多台北網頁設計

Pokemon專屬配色網站

Okepalettes 是一個比較特別的配色網站,它裡面所有的配色方案都來自口袋妖怪裡面的妖怪角色,口袋妖怪也稱:Pokemon、寵物小精靈、神奇寶貝,相信不少用戶看過這部動畫片或玩過這個遊戲。
更多台北網頁設計

亞馬遜語音交互設計規範(二)設計流程

人與人之間的交流就是在當前背景下交換意義。表達和提取意義並不像看起來那麼簡單,我們需要仔細的設計Alexa和用戶之間的對話。一個好的語音交互體驗應該能夠讓人們儘可能多樣的表達意義和意圖。
更多台北網頁設計

2018年每個有追求的設計師都需要面對6個挑戰

對設計的新要求,新的設計技術和新的設計趨勢都會深刻地影響著設計師的工作。當然,對一個每天都要披荊斬棘前進的設計師而言,挑戰也意味著機會。新技術和新趨勢讓設計具備更多的可能性的同時,也對設計師提出了新的要求。
更多台北網頁設計

亞馬遜語音交互設計規範(一)設計流程

每個部分都對對話交互有所幫助,提到的比如使用平行對話,對話標記詞等等細節的點,能讓我們的對話聽起來更自然易懂,對話交互的設計流程。本文翻譯了亞馬遜語音交互設計規範的第一部分,對話交互的設計流程,翻譯的水平有限,但希望對大家有幫助。
更多台北網頁設計

掌握這6個關鍵點,製作出專業的網站

在實際的設計工作中,它還有著不可替代的重要功能,它展示出你的產品應有的樣式和形態,並且以一種可管理、易於使用和易於理解的方式將整個設計體系統合到了一起,在製作設計指南的時候,下面6個關鍵點一定不能忽視。
更多台北網頁設計

2018年的用戶體驗前瞻

2017年的導航體驗成為眾多設計 師的熱門話題。設計師為了創造出更加輕鬆的體驗,導航起著至關重要的作用,用戶體驗設計和服務設計2018年合併在一起的可能性很大,因此我們列出2018用戶體驗前膽讓設計師了解。
更多台北網頁設計

後台介面管理系統模版

和一些設計朋友聊天,他們做了幾年網頁設計,最喜歡的設計項目就是製作後台管理界面了,因為最具挑戰最顯成就感!當然,也最體現設計能力了,非常考驗設計師對界面細節、統一性的把控。
更多台北網頁設計

想要學好設計,需要了解形狀心理學

所有的物體和對象都能夠基於它們的形狀進行分析。一個房子的圖形可以被分解為一個三角形和一個矩形,太陽則常常被呈現為周圍有波浪線條的原型。人們並不能總會有意識地去感知周圍的物體的形狀,但是這些形狀確確實實影響著人們的意識和行為。
更多台北網頁設計

Google對話式交互規範指南設計原則與方法

首先從宏觀角度,引出語言對於人類的意義——各種創新、發明的源泉,語言的誕生歷史非常古老,在長久的時間裡形成了一些固有的慣例與原則,在設計對話UI時也需要遵循這些原則,以下是對人類的語言、書寫、電腦等溝通方式的發展歷程梳理。
更多台北網頁設計

同一個設計需求新手與高手的差別!

需求分析不能用簡簡單單的好與壞來評價,需求分析是依存於具體的場景,只有在具體場景下的需求分析才是有意義的。同樣,在產品需求分析的過程中,也存在三重境界。
更多台北網頁設計

設計規則不是用來遵守,而是用來打破

設計是一門講究規則的科學。優秀的設計通常依託於許多設計規則而存在,這些規則有的是設計師們多年來的經驗積累總結而來,有的源自於科學研究和大量的調研數據,還有一些規則則和潮流趨勢有所關聯。也正是因為這些規則來源各不相同,有一些規則其實是可以打破的。
更多台北網頁設計

7個步驟從菜鳥到資深UI/UX設計師

努力自學和不斷地練習,成為一名優秀設計師唯一的途徑最近,如何成為新創公司渴求的UI 設計師?尋找一個樂於幫助你的導師或者設計師朋友,他們會在你設計的過程中幫助你快速成長。
更多台北網頁設計

2018 年度代表色「紫外光」,象徵著無限的可能

色彩研究機構Pantone 每年都會根據各個範疇,由設計、時裝、以至建築界作參考去選出一個指標性的年度代表色,2018 年度代表色。紫外光色是強烈挑動思緒與深思的紫色調,傳達獨創性、創造力及前瞻性思維,為我們指向未來。
更多台北網頁設計

UI按鈕設計的演變

按鈕是交互設計中一個常見基本元素。儘管按鈕看似一個非常簡單的用戶界面UI元素,在過去幾十年,其設計也經歷了不少發展和演變,這篇文章讓我們看看UI按鈕歷年的演變吧
更多台北網頁設計

千萬別再用這5種方式做網頁

設計趨勢是設計師所擁有的最強大的武器之一,設計師將時尚和潮流融入設計,將新鮮的風格和獨特的體驗帶給用戶,但是設計趨勢的另外一面也不能忽略,就是它的「時限」,它們是有生命週期的。
更多台北網頁設計

你的設計「視覺糖」是否過量

視覺糖是任何視覺裝飾元素,是我們最常見的是icon,漸變,陰影,紋理,動效等等,設計師有時會用毫無意義和多餘的方式來讓他們的設計看起來更好。這些方式本身並沒有什麼錯誤,它們只是用來讓無味而無意義的設計甜起來。
更多台北網頁設計

預測2018網頁設計趨勢

網頁設計趨勢每年都在改變,有的網頁設計趨勢在演進中逐漸消失,有的則在逐步被大家熟練運用的過程中漸入佳境,甚至蛻變成為網頁設計主流。2017年可以說是網頁設計行業快速發展的一年,2018年的網頁設計行業將會有怎樣的發展和趨勢演變呢?
更多台北網頁設計

UI如何建立良好的視覺層次

通過將內容按照一定的視覺層次進行構建,從而讓用戶在看到APP和網站內容的時候,能夠輕鬆理解各個元素之間的關係,明白他們的重要程度差異。通過控制不同視覺元素本身的視覺差異,讓它們可以區分彼此。
更多台北網頁設計

人工智慧無法取代設計師的三種能力

有時候你就越能感覺到無形之中,有許多看不見的東西在束縛著你的工作,其實影響著你的感覺的,就是「框架」,我把這些框架分為 「硬性框架」 和 「彈性框架」,UI設計師又該如何從複雜的數據中找到設計目標,並落實到自己的設計中呢?
更多台北網頁設計

6個趨勢挑戰設計師的能力

2018年即將到來對一個每天都要披荊斬棘前進的設計師而言,挑戰也意味著機會,新技術和新趨勢讓設計具備更多的可能性的同時,也對設計師提出了新的要求,面對即將來臨的2018年,要做好準備了。
更多台北網頁設計

前端福利!幫你搞定複雜網頁佈局的Flexbox相關工具

在很多方面HTML和CSS是一個強大的內容發佈機制——易學、靈活和強大。但複雜的佈局是他不擅長的。如果你想製作一個複雜的多列佈局,要做的眾多瀏覽器的兼容一致那還是很複雜的。現在我們將注意力轉向CSS3的 Flexbox佈局模塊。
更多台北網頁設計

8點網格來規範你的設計

8點網格流行有一段時間了,我最早知道這種設計方式是在看了Google的Material Design設計規範之後開始認識的,發現這種設計方式實在是太適合我這種理科出生的設計師了,所以在這裡也給大家科普一下為什麼要使用8點網格。
更多台北網頁設計

三大重點讓你做好表單設計?

在我們的生活中經常會接觸到表單,不過老實說,它們的使用體驗經常讓人無奈,比如在一些平台確認飛機票、檢查購物清單或者是登入頁面的設計等等。如今我們能看到的大部分表單的基本結構與設計方式都還是處於紙質時代的技術層面上。
更多台北網頁設計

UX最佳演練:交互驅動連接

用戶體驗演練的系列活動,其涵蓋了模式和格式塔理論是如何幫助我們設計便於用戶理解的界面。如今,我們要明白的是:良好的互動是由良好的人際關係驅動的,那我們要如何實現這一切。
更多台北網頁設計

10互動設計種原則很重要!

互動設計以人的需求為導向,理解用戶的期望、需求,理解商業、技術以及業內的機會與制約。基於以上的理解,創造出形式、內容、行為有用,易用,令用戶滿意且技術可行,具有商業利益的產品。最重要的是以人為本,用戶體驗是最重要的。
更多台北網頁設計

這3個設計趨勢是網頁設計師的最愛

今年流行的設計趨勢中絕大多數的都和字體排版有著密切的關聯,在最近這段時間新湧現的網頁設計作品當中,高度可讀的、視覺突出的排版設計是它們共通的特點,依然會選擇可讀性較高的字體進行排版,依然得倚靠最新的設計技術本身。
更多台北網頁設計