首頁(yè)

用核心-路徑法設(shè)計(jì)頁(yè)面

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

在設(shè)計(jì)的時(shí)候,要記住核心內(nèi)容和路徑的元素:核心內(nèi)容是什么,用戶如何得到它,以及業(yè)務(wù)如何轉(zhuǎn)換?

“規(guī)劃道路的方法,是先在自然景點(diǎn)中設(shè)置目標(biāo)點(diǎn),再將這些點(diǎn)彼此相連形成路徑?!?——Christopher Alexander

原則上,亞歷山大的做法是以目標(biāo)——即人們最終想要的東西為導(dǎo)向,然后將它們以最有用的方法連接在一起。

但在網(wǎng)頁(yè)設(shè)計(jì)中,遵循的方法通常是相反的:設(shè)計(jì)師從主頁(yè)開始設(shè)計(jì)。然后他們根據(jù)網(wǎng)站結(jié)構(gòu)層次制定出一個(gè)導(dǎo)航方案,不管合適與否。但是目標(biāo)(用戶正在找的主要內(nèi)容,或是他們想要做的事)卻成了設(shè)計(jì)過(guò)程中被考慮的最后一件事情。

受到“交通需求線”的啟發(fā),我們可以改善這種設(shè)計(jì)網(wǎng)頁(yè)的方法。使用核心-路徑這種方法,可以指導(dǎo)你在網(wǎng)站中創(chuàng)造最直接的路徑,以便用戶直達(dá)核心內(nèi)容。


JavaScript 字符串實(shí)用常操紀(jì)要

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

JavaScript 字符串用于存儲(chǔ)和處理文本。因此在編寫 JS 代碼之時(shí)她總?cè)缬半S形,在你處理用戶的輸入數(shù)據(jù)的時(shí)候,在讀取或設(shè)置 DOM 對(duì)象的屬性時(shí),在操作 Cookie 時(shí),在轉(zhuǎn)換各種不同 Date 時(shí),諸此等等,繁不能數(shù);而她那滿多的 API 呵,總有些讓人不愿去記憶的沖動(dòng),既然用時(shí)常搜,倒不如爛筆頭一翻,順道也體現(xiàn)下博客存在的價(jià)值,由此就有了這篇紀(jì)要。

字符串截取

1. substring()

xString.substring(start,end)

substring()是最常用到的字符串截取方法,它可以接收兩個(gè)參數(shù)(參數(shù)不能為負(fù)值),分別是要截取的開始位置和結(jié)束位置,它將返回一個(gè)新的字符串,其內(nèi)容是從start處到end-1處的所有字符。若結(jié)束參數(shù)(end)省略,則表示從start位置一直截取到最后。

網(wǎng)站|內(nèi)容策略讓你的網(wǎng)頁(yè)比以前更優(yōu)秀

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

有意義的內(nèi)容

任何成功的內(nèi)容策略下產(chǎn)出的內(nèi)容對(duì)于用戶而言都是有意義的。雖然每個(gè)人對(duì)此看法不同,但是 Usability.gov 為你提供的這個(gè)清單還是相當(dāng)值得參考的:

·反映出你所整理出的目標(biāo)和用戶的實(shí)際需求
·理解用戶所想并且能系統(tǒng)化地闡述出來(lái)
·以用戶能夠理解的方式呈現(xiàn)出來(lái)
·讓內(nèi)容有用
·保持更新
·確保所有人都能訪問(wèn)
·保持一致
·始終能被搜索引擎發(fā)現(xiàn)


JavaScript之this指針深入詳解

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

javascript中的this含義非常豐富,它可以是全局對(duì)象,當(dāng)前對(duì)象或者是任意對(duì)象,這都取決于函數(shù)的調(diào)用方式。函數(shù)有以下幾種調(diào)用方式:作為對(duì)象方法調(diào)用、作為函數(shù)調(diào)用、作為構(gòu)造函數(shù)調(diào)用、apply或call調(diào)用。

對(duì)象方法調(diào)用

作為對(duì)象方法調(diào)用的時(shí)候,this會(huì)被綁定到該對(duì)象。

var point = { 
 x : 0, 
 y : 0, 
 moveTo : function(x, y) { 
     this.x = this.x + x; 
     this.y = this.y + y; 
     } 
 }; 

 point.moveTo(1, 1)//this 綁定到當(dāng)前對(duì)象,即 point 對(duì)象

專訪丨男神設(shè)計(jì)師青山周平,令千萬(wàn)人驚嘆的夢(mèng)想改造家

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

uisdc-tz-2016110621

△ 在節(jié)目《夢(mèng)想改造家》中,青山團(tuán)隊(duì)對(duì)胡同的「極限改造」

現(xiàn)在很多在城市里生活的年輕人,已經(jīng)越來(lái)越失去了家的概念。

他們?cè)谕獾厣?,即使在老家還有父母的房子,但那座房子也許并沒(méi)有多少自己生活過(guò)的痕跡。這個(gè)時(shí)候你雖然可以回家,但房子卻已經(jīng)沒(méi)有家的概念了。

將來(lái)越來(lái)越多的家庭將以「一個(gè)人」的形式存在,但現(xiàn)在中國(guó)有13億人,不可能每個(gè)人都有一個(gè)廚房、一個(gè)衛(wèi)生間、一個(gè)客廳、一個(gè)陽(yáng)臺(tái)……


Node.js新手必須知道的4個(gè)JavaScript概念

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

如果只需要知道一種編程語(yǔ)言就可以構(gòu)建一個(gè)全棧的應(yīng)用程序,是不是特別了不起?Ryan Dahl為了把這個(gè)想法成為現(xiàn)實(shí),創(chuàng)造了node.js。Node.js是建立在Chrome強(qiáng)勁的V8 JavaScript引擎上的服務(wù)器端框架。雖然最初是用C++編寫的,但是應(yīng)用程序通過(guò)JavaScript運(yùn)行。

這樣一來(lái),問(wèn)題就解決了。一種語(yǔ)言就可以統(tǒng)治一切。而且,在整個(gè)應(yīng)用程序中你只需要使用這一種語(yǔ)言。所以,我們需要深刻了解node.js。這就是本文的主題。

下面這四個(gè)基本概念是你想要掌握node.js所必需的。我會(huì)盡可能長(zhǎng)話短說(shuō)向大家介紹它們。

logo-nodejs.jpg

脫去MUJI的標(biāo)簽,原研哉更像一個(gè)未來(lái)的「理想家」

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

Q:您覺得2025年,也就是未來(lái)10年后的「家」,應(yīng)該是什么樣的?

A:我感覺現(xiàn)代人物欲太重,在一種「物欲橫流」的狀態(tài)下生活。即便家中已經(jīng)溢滿了各種各樣的東西,大家也總覺得有很多東西想要、想買。而這樣的話,自己生活的空間就變的很小,但事實(shí)是家里的東西很多并不意味著會(huì)感到幸福。

在我的構(gòu)想中,到了2025年的時(shí)候,「家」應(yīng)該會(huì)是一個(gè)非常簡(jiǎn)單、清新的狀態(tài)。試想下這個(gè)畫面:桌子上吃完的各種碗碟杯子、各種遙控器,是一種多么累贅和讓人感到不舒服的場(chǎng)景,絕對(duì)不會(huì)是一種富有的狀態(tài)。而如果一張空無(wú)一物的簡(jiǎn)單桌子上什么都沒(méi)有——空白,正因?yàn)榭帐幨幍?,有無(wú)限填充的可能,才是一種富有和自由的狀態(tài)。


如何識(shí)別牛逼的前端工程師

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

如何定義牛逼工程師

有軟件工程方面的研究說(shuō),對(duì)于開發(fā)者個(gè)體而言,最優(yōu)秀的開發(fā)者的生產(chǎn)效率約為平均值的2倍,而優(yōu)秀的開發(fā)者會(huì)吸引其它優(yōu)秀的人,或者激勵(lì)與幫助團(tuán)隊(duì)中的其它成員,最終使團(tuán)隊(duì)之間的生產(chǎn)效率差異達(dá)到10倍之多。

所謂牛逼的工程師,就是那些個(gè)體效率是其它人2倍,形成團(tuán)隊(duì)之后達(dá)到10倍差異的一群人。

989f8dafe30e5f01630ad82.png

前端領(lǐng)域這幾年發(fā)展速度非???,人才分布呈兩級(jí)分化趨勢(shì),大家都在說(shuō)缺前端,其實(shí)缺的是牛逼前端,對(duì)于低端的前端,培訓(xùn)機(jī)構(gòu)一直在量產(chǎn),但是無(wú)法滿足要求。很多情況下,一個(gè)牛逼前端對(duì)于團(tuán)隊(duì)的價(jià)值是再多低端前端都無(wú)法提供的。

牛逼的前端工程師有一些共通的特質(zhì),這些特質(zhì)也許不屬于前端的核心范疇,但是可以通過(guò)它們將牛逼的人識(shí)別出來(lái)。

對(duì)用戶體驗(yàn)的追求

Spring 5 新特性:函數(shù)式Web框架

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

舉例

我們先從示例應(yīng)用程序的一些摘錄開始。下面是暴露Person對(duì)象的響應(yīng)信息庫(kù)。很類似于傳統(tǒng)的,非響應(yīng)信息庫(kù),只不過(guò)它返回Flux<Person>而傳統(tǒng)的返回List<Person>,以及返回Mono<Person>的地方返回Person。Mono<Void>用作完成標(biāo)識(shí):指出何時(shí)保存被完成。關(guān)于Reactor類型的更多信息,請(qǐng)參閱

public interface PersonRepository { Mono<Person> getPerson(int id); Flux<Person> allPeople(); Mono<Void> savePerson(Mono<Person> person);
}

下面是我們?nèi)绾伪┞稁в行碌暮瘮?shù)式web框架的資源庫(kù):

RouterFunction<?> route = route(GET("/person/{id}"),
    request -> {
        Mono<Person> person = Mono.justOrEmpty(request.pathVariable("id"))
            .map(Integer::valueOf)
            .then(repository::getPerson); return Response.ok().body(fromPublisher(person, Person.class));
    })
    .and(route(GET("/person"),
        request -> {
            Flux<Person> people = repository.allPeople(); return Response.ok().body(fromPublisher(people, Person.class));
    }))
    .and(route(POST("/person"),
    request -> {
        Mono<Person> person = request.body(toMono(Person.class)); return Response.ok().build(repository.savePerson(person));
}));

下面我們要介紹如何運(yùn)行,比如在Reactor Netty中:

如何考核設(shè)計(jì)師的業(yè)績(jī)比較合理?

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

1,首先看他是如何對(duì)待問(wèn)題的

如果只是產(chǎn)品經(jīng)理或運(yùn)營(yíng)提需求他就直接做,那我們認(rèn)為這是對(duì)待問(wèn)題不夠認(rèn)真。我們內(nèi)部有一個(gè)處理產(chǎn)品需求的原則,在開始一項(xiàng)設(shè)計(jì)之前設(shè)計(jì)師需要評(píng)估的是:

1)拋開這個(gè)問(wèn)題的表面,它背后的本質(zhì)是什么?

2)我做的這個(gè)能為用戶和產(chǎn)品帶來(lái)什么價(jià)值?

3)這個(gè)問(wèn)題的解決方案應(yīng)該以什么指標(biāo)來(lái)衡量(數(shù)據(jù)或調(diào)研反饋)?

4)做這個(gè)問(wèn)題牽扯到的設(shè)計(jì)資源和工作量有哪些?

只有當(dāng)經(jīng)過(guò)這樣一輪Review,我們才能相信設(shè)計(jì)師能夠合理的對(duì)待他遇到的問(wèn)題和思考如何去開展設(shè)計(jì)。當(dāng)然除了對(duì)問(wèn)題的對(duì)待方式外,我們還會(huì)看設(shè)計(jì)師主動(dòng)挖掘問(wèn)題的能力。比如設(shè)計(jì)師是否會(huì)經(jīng)常走查產(chǎn)品流程,主動(dòng)將用戶體驗(yàn)上的問(wèn)題或設(shè)計(jì)細(xì)節(jié)整理出來(lái),在內(nèi)部和外部討論并爭(zhēng)取資源改進(jìn)等。


2,看他是如何思考解決方案的

日歷

鏈接

個(gè)人資料

存檔