網站分享10——That's it magazine

That's it 是一本線上雜誌，一個設計訊息的集合平台。其內容很廣，從設計到時尚到科技，科技和健康生活的新鮮事等等都會介紹。

先來看這個網站的首頁

首頁很有設計感

但是不能上下滑動

因為它是固定的1024x768的尺寸

不過背景圖片會一直換。

點擊“view magazine”後

映入眼簾的是整齊的圖片和文字排列

圖片都拍得很精緻

會讓人想要點進去閱讀內容

雜誌不會每天更新

大概兩三天會更新一次

且內容大多和“愛”這個主題有關。

滑到最下面則是雜誌的ig圖片

左上角拉出來有個菜單

菜單上是對雜誌的大概介紹

以及對雜誌內容的分類

很明確很清楚。

整個網站的風格很統一

設計讓人一目了然

色調也搭配得很好

總體走質感路線。

只是雜誌的內容形式有點單一

大多以平面的東西為主

建議可以加入影片或者動畫

讓頁面的呈現更靈活。

網址：www.thatsitmag.com

網站分享9——500px

500px是一個專業攝影師圖片社區，注重圖片質量，從而為大家提供一個分享和發現精彩的照片的平台。

在這裡，可以尋找優秀的攝影人才，也找到志同道合的朋友。





它的首頁採取照片拼貼的方式
整齊又一目了然
把滑鼠往下滑會自動刷新圖片
省時省力。

這個網站共分為三個部分
分別是“Discover”、“Quests”和“Directory”。

Discover就是我們剛剛看到的首頁部分。

Quests的部分比較有趣：
網站會不定期的舉辦不同主題的攝影比賽
而且獎金豐厚
因此吸引了很多人參加。

而Directory就是攝影師以及他們的作品
你如果喜歡某個攝影師
你可以追蹤他
也可以直接密他僱用他。
從這方面來說
這個網站為攝影師提供了一個賺外快的機會。

假如你有註冊這個網站

註冊以後

你可以挑選自己喜歡的攝影師並且挑出最喜歡的照片

網站將會把最受歡迎的照片放在主頁滾動

每張照片都會提供相關的拍攝設備、上傳時間、介紹、EXIF資訊等等

你會發現很多例如Canon EOS 5D Mark II、Nikon D90、Canon EOS 450D等設備拍攝的作品。

此外

網站還推出了自己的Android和ios用戶端

用戶可以在自己的手機和平板機上安裝使用

應用中可以流覽熱門、編輯選擇、分類等不同組合的照片

登錄帳戶之後可以查看好友和最喜歡的圖片

並且可以為照片投票、收藏、評論等等

你也可以查看照片的相關資訊

並且以幻燈片方式流覽美圖。

總體來說

網站內容不多

可是網頁設計和排版很人性化

讓人在瀏覽的同時不會感到絲毫不適和壓力

再加上網站的圖片走品質路線

因此網頁的這種垂直式瀏覽設計很符合這種感覺。

網址：https://500px.com/popular

網站分享8——Coolors

作為設計系的學生，我們經常會在平時的課堂或作業中遇到配色的問題。比如說找不到自己想要的顏色或是不知道哪幾個顏色搭配才好看等等。每當這時候，一個實用的配色網站就能夠很好地解決我們的問題。





那我今天想要分享的就是一個配色網站——Coolors。

Coolors 最大特色就是提供了免費的「自動配色器」

它能夠隨機產生推薦的配色結果，

讓我們知道哪些顏色適合一起搭配使用。

同時，

在快速產生的多組配色中，

也能或多或少激發我們的設計靈感。

我們先來看它的首頁

首頁本身就是一個已經搭配好的配色

在每個顏色的下方是這個顏色的代碼

如果我們將滑鼠移到某個顏色上

會出現這幾個標示：

第一個標示是調整此顏色的透明度；

第二個是往左往右換你想換的顏色；

第三個是調整此顏色的色調、飽和度以及彩度；

第四個則是將此顏色上鎖。

這幾個功能都能夠幫助我們調整自己所需要的顏色，

非常方便。

如果你對現有的自動配色不滿意，

只要按空格鍵，

網站就會重新為你搭配新的顏色。

如圖：

每次新的配色很和諧又不會重複，

完全不用愁找不到想要的搭配色。

當然，

如果你不想一次一次按空格，

你可以直接點選右上方的explore，

網站會一次性提供給你超多種顏色的搭配，

像這樣：

那除了剛才所說的這些功能，

頁面右上方還有其他很多實用的功能可以選擇：

比如你可以保存或輸出你想要的顏色；

如果你看到一張圖片上的顏色很好看，

你也可以將圖片上傳，

這個網站會為你分析圖片中的顏色是什麼色號。

總之，

這是一個很實用的配色網站，

它大大解決了我們在設計過程中的配色問題。

唯一有點美中不足的地方就是，

網站沒有將顏色進行統一的分類，

使畫面呈現的顏色看起來有點雜亂。

其他都很棒！

網址：https://coolors.co/

網站分享7——阿里巴巴矢量圖標庫

這是阿裡媽媽MUX打造的icon向量圖示的管理及交流平臺。

設計師將圖示上傳到Iconfont平臺

用戶可以自訂下載多種格式的icon

平臺也可將圖示轉換為字體

便於前端工程師自由調整與調用。

我們先來看它的首頁視覺

背景採用深藍色的底

中間一個小小的骷髏頭作為主視覺

骷髏頭正下方有一個欄位

用戶可以在這直接搜索想要的icon。

把滑鼠往下滑

你會看到設計師自己設計的icon

以及

阿里巴巴專為他旗下的一些品牌設計的icon。

接下來我們來搜索icon看看

假設我們打：聖誕

跳出來的則是各種和“聖誕”有關的icon。

把滑鼠移到某個icon上

會出現這樣的圖示

圖示有三個選擇

第一個是加入購物車

第二個是收藏

第三個是直接下載。

如果我們點擊下載

會出現這個畫面

左下方是你可以選擇下載的icon顏色

顏色旁邊也可以選擇你想要下載的icon大小

最下方則是可以下載的格式

總共有三種

分別是SVG、AI和PNG檔

你可以根據自己的需求進行選擇。

個人非常推薦這個icon網站

裡面的icon不僅可以免費下載

下載的圖片也可以自己選擇顏色、大小及格式

是一個對設計人來說非常方便和實用的網站。

網址：http://iconfont.cn/

網站分享6——Julien Joly Architecture

這是一家法國建築設計公司的網站，

我們先來看他的網站首頁：

網站是全熒幕排版，

在開頭中間直接是公司名稱，

再來是選單，

繼續往下滑就是他們部分建築作品的集合。

當你的滑鼠移到某一張圖上時，

便會出現那張圖的標籤，

像這樣：

如果你對這張圖很感興趣，

你也可以直接點進去，

裡面是對這張圖更詳細的介紹。

每一張圖點進去後的排版都讓人賞心悅目，

讓人看了很舒服。

其他選單還有他們在不同領域的建築設計作品，

比如室內設計、展場規劃等等。

雖然這是一家只有兩位建築設計師的小公司，

可是從他們的作品以及他們的網站，

不難看出這家公司的專業度。

不得不說，

網站做得好，

真的會讓人對公司產生強烈的興趣和好感。

網址：http://julienjoly.com/

網站分享5——shop it to me

Shop  It  to  Me

如果一件衣服沒有適合你的尺碼，

即使它給的折扣再大，

你恐怕你也不會購買它。

有了Shop It to Me網站，

你只需花幾分鐘的時間告訴該網站你穿什麼尺碼的衣服，

並從數百個可選項中選擇設計師和品牌。

然後，

該網站就會在你指定的時間發送電子郵件給你，

其中詳細列明瞭折扣為40%至70%的、尺碼適合你的特價服飾。

非常方便和實用。

首先我們來看網站的首頁

 

首頁除了大banner之外，

還放了一些比較知名的品牌logo，

以及現在較流行的衣服款式。

整個版面給人的感覺簡潔明了，

不會像一些網拍網站讓人看得眼花繚亂。

接下來點擊首頁的“start now”進入

網站會要求你設定你的性別，

再選擇5-10個你喜歡的品牌，

還有你喜歡衣服款式以及你自己上衣褲子鞋子的尺寸，

以便他們之後為你挑選合適合身的衣服。

 

完成以上所有步驟後便可以進入商城淘衣服啦

 

總的來說，

這個網站和一般的購物商城很像。

可它的與眾不同之處就在於它多了為客戶挑選衣服的功能，

特別是有在做折扣的衣服。

這不僅為客戶節省了逛網拍的時間，

也節省了金錢的花費。

再加上版面的佈局簡潔明了，

衣服圖片也都拍得很清楚很好看，

也是一個很大的加分點。

網站地址：https://www.shopittome.com/