前端開發(fā)之網(wǎng)站按鈕交互效果制作

按鈕是可以明確指示交互行為動(dòng)作的組件，簡(jiǎn)單的可以由一塊背景顏色加上邊框和一組字體，且字體的顏色與背景顏色色值不一致。雖然按鈕的設(shè)計(jì)看似簡(jiǎn)單，但是每一個(gè)細(xì)節(jié)都關(guān)聯(lián)著用戶的使用體驗(yàn)。用戶在瀏覽網(wǎng)站的時(shí)候，點(diǎn)擊或者鼠標(biāo)指向按鈕時(shí)發(fā)生的某種動(dòng)畫效果，例如背景顏色的過(guò)渡變化、字體顏色的過(guò)渡變化、增加投影，讓按鈕更具層次感...

清爽干凈的扁平化設(shè)計(jì)風(fēng)帶來(lái)極佳用戶體驗(yàn)

引言： 在這個(gè)信息大爆炸的時(shí)代，各種信息五花八門，各種信息的視覺傳達(dá)讓人難以喘息。不同的用戶群通過(guò)網(wǎng)上沖浪以獲得所需的信息，企業(yè)建設(shè)網(wǎng)站的原因之一也正是為了迎合這點(diǎn)需求。 然而，在瀏覽頁(yè)面的過(guò)程中不乏有各種土味FLASH彈出，混亂的網(wǎng)站結(jié)構(gòu)與冗雜的信息帶來(lái)不佳的交互效果與用戶體驗(yàn)，當(dāng)用戶不再忍受爆炸性的信息并點(diǎn)擊關(guān)閉按...

網(wǎng)站搭建之推薦幾個(gè)好用的時(shí)間選擇插件

1. layui時(shí)間控件 Layui雖然作者已經(jīng)停止更新，但是還是有許多用戶在使用這個(gè)插件 <form class="layui-form" action="" id="form"> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label">截止日期</label> <div class="layui-...

內(nèi)容是網(wǎng)頁(yè)設(shè)計(jì)過(guò)程的基本組成部分

作為一位乙方公司網(wǎng)頁(yè)設(shè)計(jì)師，我相信許多小伙伴在工作中都有遇到過(guò)以下的一些情景，大部分項(xiàng)目的客戶都沒有很優(yōu)質(zhì)的素材，這里的素材包括：公司相關(guān)的產(chǎn)品圖片以及視頻，文案，內(nèi)容素材是直接決定設(shè)計(jì)的最終呈現(xiàn)效果，大部分客戶并不是太在意這部分，其實(shí)不管是網(wǎng)頁(yè)設(shè)計(jì)還是其它的一些設(shè)計(jì)行業(yè)，設(shè)計(jì)是服務(wù)與功能的，講的直白一點(diǎn)就是無(wú)論你設(shè)計(jì)...

什么是設(shè)計(jì)思維？我們需要什么樣的設(shè)計(jì)思維？

設(shè)計(jì)思維是一種以人為本的創(chuàng)新方法，它從設(shè)計(jì)師的工具包中汲取靈感，將人的需求、技術(shù)的可能性和商業(yè)成功的要求整合在一起。 設(shè)計(jì)師都在思考設(shè)計(jì)思維是什么，我們也經(jīng)常被客戶要求或者問(wèn)及什么是設(shè)計(jì)思維，經(jīng)常被要求分享我們對(duì)設(shè)計(jì)思維的了解。很多時(shí)候，我們已根據(jù)該要求開發(fā)了此網(wǎng)站并對(duì)網(wǎng)站進(jìn)行一定邏輯捋順走通，但是仍然讓客戶費(fèi)...