2017年1月12日 星期四

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






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





先來看這個網站的首頁
首頁很有設計感
但是不能上下滑動
因為它是固定的1024x768的尺寸
不過背景圖片會一直換。









點擊“view magazine”後
映入眼簾的是整齊的圖片和文字排列
圖片都拍得很精緻
會讓人想要點進去閱讀內容


雜誌不會每天更新
大概兩三天會更新一次
且內容大多和“愛”這個主題有關。









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










左上角拉出來有個菜單
菜單上是對雜誌的大概介紹
以及對雜誌內容的分類
很明確很清楚。
















整個網站的風格很統一
設計讓人一目了然
色調也搭配得很好
總體走質感路線。

只是雜誌的內容形式有點單一
大多以平面的東西為主
建議可以加入影片或者動畫
讓頁面的呈現更靈活。






















網站分享9——500px



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

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





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

























































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

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

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




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









假如你有註冊這個網站
註冊以後
你可以挑選自己喜歡的攝影師並且挑出最喜歡的照片
網站將會把最受歡迎的照片放在主頁滾動
每張照片都會提供相關的拍攝設備、上傳時間、介紹、EXIF資訊等等
你會發現很多例如Canon EOS 5D Mark IINikon D90Canon EOS 450D等設備拍攝的作品。






此外
網站還推出了自己的Android和ios用戶端
用戶可以在自己的手機和平板機上安裝使用
應用中可以流覽熱門、編輯選擇、分類等不同組合的照片
登錄帳戶之後可以查看好友和最喜歡的圖片
並且可以為照片投票、收藏、評論等等
你也可以查看照片的相關資訊
並且以幻燈片方式流覽美圖。






























總體來說
網站內容不多
可是網頁設計和排版很人性化
讓人在瀏覽的同時不會感到絲毫不適和壓力
再加上網站的圖片走品質路線
因此網頁的這種垂直式瀏覽設計很符合這種感覺。









網站分享8——Coolors


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





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

Coolors 最大特色就是提供了免費的「自動配色器」
它能夠隨機產生推薦的配色結果,
讓我們知道哪些顏色適合一起搭配使用。
同時,
在快速產生的多組配色中,
也能或多或少激發我們的設計靈感。





我們先來看它的首頁



















首頁本身就是一個已經搭配好的配色
在每個顏色的下方是這個顏色的代碼





如果我們將滑鼠移到某個顏色上
會出現這幾個標示:






































第一個標示是調整此顏色的透明度;
第二個是往左往右換你想換的顏色;
第三個是調整此顏色的色調、飽和度以及彩度;
第四個則是將此顏色上鎖。



這幾個功能都能夠幫助我們調整自己所需要的顏色,
非常方便。



如果你對現有的自動配色不滿意,
只要按空格鍵,
網站就會重新為你搭配新的顏色。
如圖:



















每次新的配色很和諧又不會重複,
完全不用愁找不到想要的搭配色。

當然,
如果你不想一次一次按空格,
你可以直接點選右上方的explore,
網站會一次性提供給你超多種顏色的搭配,
像這樣:

























那除了剛才所說的這些功能,
頁面右上方還有其他很多實用的功能可以選擇:






比如你可以保存或輸出你想要的顏色;
如果你看到一張圖片上的顏色很好看,
你也可以將圖片上傳,
這個網站會為你分析圖片中的顏色是什麼色號。








總之,
這是一個很實用的配色網站,
它大大解決了我們在設計過程中的配色問題。
唯一有點美中不足的地方就是,
網站沒有將顏色進行統一的分類,
使畫面呈現的顏色看起來有點雜亂。
其他都很棒!