首頁

7個(gè)自行車相關(guān)的創(chuàng)意網(wǎng)站欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

這年頭,廠商們都忙著給屬于貴重物品的汽車做精美的網(wǎng)站進(jìn)行創(chuàng)意營銷,自行車被丟在了一個(gè)屬于快被遺忘的角落,但即使是角落依然也會有亮眼的光芒閃耀。

拿過紅點(diǎn)設(shè)計(jì)大獎(jiǎng)的自行車、超酷造型的山地車、簡潔風(fēng)的自行車、女士優(yōu)雅氣質(zhì)的自行車,創(chuàng)意的自行車配件,這個(gè)世界上還是有很多人鐘情于自行車的,即使在這個(gè)汽車滿天飛的世界。

自行車可以玩創(chuàng)意,自行車網(wǎng)站也可以更有創(chuàng)意。

InterLock

百度收錄和反鏈曝增你發(fā)現(xiàn)了嗎?

藍(lán)藍(lán)設(shè)計(jì)的小編

近期筆者發(fā)現(xiàn)自己兩個(gè)網(wǎng)站收錄和反鏈曝增,其中一個(gè)網(wǎng)站今年以來關(guān)鍵詞沒有排名,這次大幅度的變更,都有排名。筆者還小樂了一下,最近的優(yōu)化策略調(diào)整這么快就見成效了。

網(wǎng)站優(yōu)化收錄和反鏈曝增

于是筆者就在群里、網(wǎng)上查看有沒有類似的情況。在群里和網(wǎng)上有網(wǎng)友出現(xiàn)了這樣的情況,收錄、反鏈曝增,排名提升。筆者對近期百度的變更,持觀望態(tài)度,靜觀其的變化,當(dāng)然日常的優(yōu)化工作不能落下。如果你也遇到這樣的情況,不要大驚小怪,平常心對待,日常的工作按部就班。

下面看一下筆者的兩個(gè)網(wǎng)站的數(shù)據(jù)變化,筆者個(gè)人博客是今天開始有變化,另外一個(gè)網(wǎng)站是昨天就開始了。

一組超酷的飲料類網(wǎng)站設(shè)計(jì)欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

經(jīng)常在電視上看到各種飲料的動(dòng)感廣告,但作為多媒體推廣最重要的一環(huán),飲料自身的官方主題網(wǎng)站設(shè)計(jì)必然是很有看頭的:動(dòng)感激情或優(yōu)雅寧靜,通過明艷的視覺和新鮮的交互將產(chǎn)品推銷給顧客。

更多飲料類網(wǎng)站欣賞http://m.sillybuy.com/web.html

SPACHO

SPACHO

Mizone

用PS設(shè)計(jì)APP過程中改進(jìn)IOS設(shè)計(jì)流程的30個(gè)密訣

藍(lán)藍(lán)設(shè)計(jì)的小編

設(shè)計(jì)是一個(gè)漫長和痛苦的過程,期間可以用點(diǎn)技巧來減少痛苦,30+ tips to improve your iOS design workflow (in Photoshop)一文總結(jié)30個(gè)實(shí)用的技巧可以借鑒和學(xué)習(xí)。

————–以下為譯文——————-

在本文中我(英文原作者)總結(jié)了在photoshop中設(shè)計(jì)ios軟件時(shí)所遵守的方法。許多的技巧適用于一般的UI設(shè)計(jì)。注意:文中所提到的快捷鍵針對于Windows;Mac 用戶可,Cmd對應(yīng)Crtl鍵,Opt對應(yīng)Alt鍵。

1.保持尺寸為偶數(shù)

你是首先針對Retina屏幕設(shè)計(jì)然后再對標(biāo)準(zhǔn)分辨率的進(jìn)行縮小是吧?為了在標(biāo)準(zhǔn)分辨率下像素仍然保持完美的呈現(xiàn),你需要保證大小和距離為偶數(shù)。具體的做法便是:基于2ps的網(wǎng)格設(shè)計(jì)。在編輯(Edit)〉首選項(xiàng)(Preference)〉參考線、網(wǎng)格和切片(Cuides,Grids&Slices)。更改網(wǎng)格線間隔(Gridline)和子網(wǎng)格(Subdivisions)來是使得網(wǎng)格間隔線為2px。例如:設(shè)置網(wǎng)格線間隔為64px,子網(wǎng)格為32。

tip1

如何做好百度貼吧網(wǎng)絡(luò)推廣

藍(lán)藍(lán)設(shè)計(jì)的小編

百度貼吧是百度旗下的獨(dú)立品牌,是全球最大的中文社區(qū),結(jié)合搜索引擎建立的一個(gè)在線交流平臺。貼吧是百度產(chǎn)品中訪問前三的產(chǎn)品,也是網(wǎng)絡(luò)營銷人員值得關(guān)注、執(zhí)行的推廣渠道之一。做好百度貼吧推廣獲得的效果也是可想而知的,在貼吧發(fā)表軟文可以快速的被搜索引擎收錄,并獲得良好的排名。百度貼吧如何做好才可以獲得好的效果,下面周維與大家分享如何做百度貼吧推廣,本文純粹個(gè)人經(jīng)驗(yàn)分享,說得不當(dāng)之處請各位指點(diǎn)。

如何做好百度貼吧網(wǎng)絡(luò)推廣

如何做百度貼吧推廣

1、選擇相關(guān)性高的帖吧
做貼吧推廣之前要選擇合適的貼吧,不是什么吧都可以做推廣。相關(guān)性的推廣是很必須的,這也決定推廣的效果。比如你是做女裝的,你不可能找科技類的、餐飲行業(yè)的貼吧,女裝就得找女裝貼吧、有女性方面的帖吧。

2、確定標(biāo)題的關(guān)鍵詞
推廣軟文的標(biāo)題要自然的布入關(guān)鍵詞,根據(jù)SEO的原則將要優(yōu)化的關(guān)鍵詞寫在標(biāo)題中。推廣標(biāo)題的關(guān)鍵詞可以被用戶在搜索引擎中搜索,有希望在搜索結(jié)果頁展示給客戶。如女裝可以考慮寫,秋季女裝如何搭配比較好?或者英語培訓(xùn),北京哪家英語培訓(xùn)機(jī)構(gòu)好?

推薦:一個(gè)iOS開發(fā)者的經(jīng)驗(yàn)分享

藍(lán)藍(lán)設(shè)計(jì)的小編

一個(gè)iOS開發(fā)者的經(jīng)驗(yàn)分享

一年以前,我(曹舒旻Kevin Cao)還在做各種Flash網(wǎng)站,而現(xiàn)在卻是擁有一間小工作室的iOS獨(dú)立開發(fā)者。從互動(dòng)廣告行業(yè)轉(zhuǎn)型到移動(dòng)互聯(lián)網(wǎng),也許也是正在閱讀本文的你心中的一點(diǎn)小念頭。即便你仍然打算奮斗在互動(dòng)廣告行業(yè),對移動(dòng)互聯(lián)網(wǎng)帶來的沖擊也不可能置身事外。

移動(dòng)互聯(lián)網(wǎng),正在真真切切的改變我們每一個(gè)人的生活,對你我正在從事的事業(yè),都不能例外。那么,如何順勢而為,讓我們能夠在新的時(shí)代背景下游刃有余呢。

首 先你應(yīng)當(dāng)成為移動(dòng)互聯(lián)網(wǎng)的應(yīng)用達(dá)人:擁有一款移動(dòng)設(shè)備,并成為重度用戶。你得比你的客戶或目標(biāo)受眾更加了解這種新的媒介。你要學(xué)會觀察和分析這些移動(dòng)設(shè)備 產(chǎn)品設(shè)計(jì)背后的精髓,包括但不局限于:用戶手持設(shè)備的使用習(xí)慣;屏幕尺寸限制對設(shè)計(jì)的影響;多點(diǎn)觸摸的操作方式;單窗口應(yīng)用和多任務(wù)的設(shè)計(jì)方法等。此外還 有GPS定位,陀螺儀等特有硬件模塊的玩法。

然后你還應(yīng)當(dāng)看看Apple的人機(jī)交互設(shè)計(jì)指南,了解那些細(xì)節(jié)到有些龜毛的設(shè)計(jì)建議背后的理念。這也保證你在發(fā)想創(chuàng)意的時(shí)候不至于偏差得太過離譜。

此刻你一定已經(jīng)有了一個(gè)不錯(cuò)的想法(或者靠譜的Brief)?,F(xiàn)在到了我們盡情發(fā)揮創(chuàng)意和設(shè)計(jì)才華的時(shí)刻。 流行如“下拉刷新”的操作可不是一開始就寫在設(shè)計(jì)指南里的,而是由與我們一樣的創(chuàng)作者想出來的絕妙創(chuàng)意。這絕對是重度用戶才能發(fā)想出來的直覺式設(shè)計(jì)的最佳范例。還有Instapaper客戶端的傾仰翻頁,以及前段時(shí)間非常流行的Clear式輕掃和捏合操作,也都代表了交互設(shè)計(jì)的頂尖水平。 雖然在這個(gè)領(lǐng)域不乏一些專業(yè)的UI設(shè)計(jì)公司,還有各種互聯(lián)網(wǎng)企業(yè)的UED正規(guī)軍。但是在如何把移動(dòng)應(yīng)用設(shè)計(jì)得有愛或有范的問題上,我們互動(dòng)這行的設(shè)計(jì)師也不甘示弱。我們看看私密照片分享應(yīng)用Path 2.0中 的創(chuàng)新折疊菜單。吸引了不少眼球吧。而我們拿它回過頭來對比閃客們N年以前就已經(jīng)實(shí)現(xiàn)的各種動(dòng)態(tài)菜單,其效果不也顯得黯然失色嗎。用戶在iOS應(yīng)用上已經(jīng) 看了好幾年標(biāo)準(zhǔn)界面的產(chǎn)物,難免開始產(chǎn)生審美疲勞?,F(xiàn)在進(jìn)入了重視用戶體驗(yàn)的時(shí)代,互動(dòng)從業(yè)者們在視覺表現(xiàn)和交互效果上的經(jīng)驗(yàn)積累在此是一大優(yōu)勢。相比其 他行業(yè)的轉(zhuǎn)型者們,我們更容易創(chuàng)作出令人驚艷的作品。

網(wǎng)頁新趨勢:革命性的創(chuàng)新網(wǎng)頁導(dǎo)航設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

@Gaoyoungor 每個(gè)網(wǎng)站有屬于自己的個(gè)性——它能反射出背后的個(gè)人或者團(tuán)隊(duì)。如何做到讓自己的網(wǎng)站顯得與眾不同、卓爾不群,讓用戶流連忘返或者立馬下單?

為了讓你的網(wǎng)站脫穎而出,不僅需要有豐富的高質(zhì)量內(nèi)容,同時(shí)也要兼顧網(wǎng)站的創(chuàng)新性和功能性。從用戶的角度出發(fā)好好想一下,怎樣讓你的網(wǎng)站用戶體驗(yàn)更友好?簡單的搜索功能是需要的,或者你也可以精心設(shè)計(jì)一下網(wǎng)站的導(dǎo)航。同時(shí),要注意保持整個(gè)網(wǎng)站設(shè)計(jì)語言的一致性。在這個(gè)html5狂潮涌進(jìn)的時(shí)代,誕生了很多優(yōu)秀的網(wǎng)頁設(shè)計(jì)作品,他們都有卓越的導(dǎo)航設(shè)計(jì),接下來整理的這些網(wǎng)站將喚起你關(guān)于導(dǎo)航的極限創(chuàng)意,快來親自體驗(yàn)下吧!

Toybox

在需要的時(shí)候?qū)Ш綑趹?yīng)該一直在那里,而當(dāng)用戶想要專注于某個(gè)特定的任務(wù)時(shí),導(dǎo)航欄則應(yīng)該優(yōu)雅的隱藏起來。比如說,在設(shè)計(jì)一個(gè)網(wǎng)上商店的出納頁面時(shí),網(wǎng)站的導(dǎo)航應(yīng)該可以隨時(shí)都易于使用,但同時(shí)也要注意突出像出納表單和按鈕控件之類的鮮明功能。Toybox的導(dǎo)航設(shè)計(jì)就恰好滿足了這些。

如下圖示,這個(gè)側(cè)邊導(dǎo)航給人的感覺就像是你在窺視頁面背后或者是掀開了一個(gè)玩具盒的蓋子看看里面到底有些什么。這個(gè)側(cè)邊導(dǎo)航非常方便使用,鼠標(biāo)懸停在瀏覽器左側(cè)即可出現(xiàn),主體部分即時(shí)出現(xiàn)的旋轉(zhuǎn)效果也很帶感,可以很好的引導(dǎo)用戶的注意力。將導(dǎo)航隱藏起來同時(shí)也實(shí)現(xiàn)了界面的簡潔,使網(wǎng)站的瀏覽體驗(yàn)非常的愉悅,因?yàn)榫W(wǎng)站并沒有留下太多無用的信息去分散用戶的注意力。

Toybox

至于其他你想知道的信息,比如說Toybox公司的主營業(yè)務(wù)和地址,可以在頂部的一個(gè)直接呈現(xiàn)的導(dǎo)航欄里找到。首頁的磁貼鼠標(biāo)hover效果也非常的有趣,當(dāng)鼠標(biāo)懸停于某個(gè)項(xiàng)目的縮略圖時(shí),其余的項(xiàng)目縮略圖都后退變暗并且產(chǎn)生景深的效果。

超獨(dú)特!優(yōu)秀網(wǎng)格布局網(wǎng)頁20例

藍(lán)藍(lán)設(shè)計(jì)的小編

網(wǎng)頁設(shè)計(jì)目前已經(jīng)很廣泛,每天都會有不同的新網(wǎng)站出來,但是很多網(wǎng)站布局排版實(shí)現(xiàn)太單調(diào),看來了像是用模板一樣,就是文字內(nèi)容不同,其它都差不多樣式。所以設(shè)計(jì)師們要盡量讓自己的網(wǎng)站看起來與眾不同,如何不同呢?可以從UI設(shè)計(jì)、配色、排版、布局等方面入手。

正好今天我們整理了20個(gè)獨(dú)特的基于網(wǎng)絡(luò)布局的網(wǎng)站,這些網(wǎng)站使用了柵格一樣的布局,有整齊的排列、有瀑布流布局式等等,希望這些網(wǎng)站能點(diǎn)燃你心中的想法,讓你設(shè)計(jì)的網(wǎng)站脫穎而出。

來看看這些彰顯個(gè)性的有趣網(wǎng)站:
《對抗潮流!那些大膽忽視設(shè)計(jì)趨勢的網(wǎng)站》

Jun Lu

網(wǎng)格布局網(wǎng)頁 Jun Lu

MIJLO Essentials

10個(gè)必備的移動(dòng)UI設(shè)計(jì)資源站

藍(lán)藍(lán)設(shè)計(jì)的小編

推薦:10個(gè)必備的移動(dòng)UI設(shè)計(jì)資源站

正如大家看到的,現(xiàn)在許多人都使用手機(jī)訪問互聯(lián)網(wǎng),所以這讓越來越多的公司去開發(fā)或重構(gòu)新的web解決方案,因?yàn)樗麄冋J(rèn)識到自己的項(xiàng)目有效的運(yùn)行在各種移動(dòng)設(shè)備上是多么的重要!現(xiàn)在市面上存在太多流行的移動(dòng)設(shè)備了,網(wǎng)頁設(shè)計(jì)師們也不得不跟隨潮流適應(yīng)技術(shù)發(fā)展和變化規(guī)律,這些小巧的用戶界面設(shè)計(jì)技能已經(jīng)讓一小部分愿意改變自己的同學(xué)們嘗到了甜頭,有付出就有收獲!除了學(xué)到全新的技術(shù),也有了踏實(shí)的收入,是的!薪水翻倍了!

創(chuàng)建移動(dòng)設(shè)計(jì)模式是非常重要的一步,記??!這是為移動(dòng)設(shè)備設(shè)計(jì)而不是web。不僅僅是移動(dòng)屏幕遠(yuǎn)小于普通的電腦屏幕,關(guān)鍵是鼠標(biāo)和鍵盤已經(jīng)被手指替代了!當(dāng)然還有更重要的,說起來很苦逼,我們再也不能使用一種模式來通吃這些不同的移動(dòng)平臺了,這可比兼容IE那一家子要苦難得多,畢竟還沒有很好的規(guī)范。不是嚇唬你,別以為只有那巴掌地大小,為移動(dòng)端做設(shè)計(jì)并不是很容易。

30+免費(fèi)精美的購物車PSD下載

藍(lán)藍(lán)設(shè)計(jì)的小編

這是一組精心收集的30+優(yōu)質(zhì)購物車PSD,這些精美的購物車PSD將會為您的設(shè)計(jì)提供了一點(diǎn)創(chuàng)意靈感。

如果你剛好在做這方面的設(shè)計(jì),那可以先欣賞一組超贊的簡約時(shí)尚的電商網(wǎng)站設(shè)計(jì),或者直接動(dòng)手學(xué)習(xí)如何提升電子商務(wù)網(wǎng)站易用性,希望能讓你在設(shè)計(jì)上更加得心應(yīng)手: )

Cart Modal Popup

Beautiful Free Shopping cart PSD Designs

日歷

鏈接

個(gè)人資料

存檔