你見過的最漂亮的網站主頁是哪個?
我先來 是谷歌的主頁
NIPPON COLORS
開啟右邊的MUNSELL,有炫酷效果。
Aquatilis Expedition
Silk – Interactive Generative Art
可用滑鼠隨便塗畫
日本の暮らし二十四節気めぐり 言の葉草 @劉金龍 提到的二十四節氣
豆瓣FM
言の葉の庭
電影《言葉之庭 (豆瓣)》官網
一個節氣的網站,是日本的,日本の暮らし二十四節気めぐり 言の葉草 ,第一次在站酷看到有人推薦的時候留下印象很深。
個人網站
@JJ Ying
關於 JJ Ying
企業網站
Paper | FiftyThree
有愛的網站
@jixiangac
花七生日快樂
lofter
草草看了一下,發兩個不重複的
(很多designer的主頁都很棒,有些也是無意搜到的,大家可以按照這個思路可以搜出很多很有設計感的webpage,這也是他們的作品集~如果有版權冒犯請見諒,立刪)
另外,本人工科專業,僅靠直覺審美,對artist了解也並不系統,如果有講錯請指正哈!=)
1.Alexandra Posen (&<--點擊就是進入網址,可能緩衝有點慢,如果是灰屏請等一等,動畫很美)
一位紐約artist,畢業於布朗大學,畫通常是非常柔和的水彩,顏色明亮,我很喜歡,截幾張圖。
進入頁面是很漂亮的流水動畫
點擊click enter進入,可以看到作品集合展示
2.Hugo and Marie
Hugo Marie是一家creative agency,它的作品很有創造力,簡單但是很有流暢的設計感。
我點擊了右下角那張圖進去細看。(若網頁更新沒有此作品,電梯是Santtu Mustonen)
截圖是靜態,實際是螺旋的動態,很漂亮喲。
特別推薦一個給coldplay做的video,超棒的設計,全屏播放有宇宙的無盡感。(給同學推薦同學表示不能體會,希望在zhihu能找到小夥伴,T-T)
Mario and Micah for Coldplay
3.Portfolio: Redesign The Web Poster
多倫多網頁設計師Nick La的主頁作品集
點進portfolio
我往下拉隨便點進了一個作品
我選擇看這個作品的demo,是個很可愛的動畫打開(電梯Schoen Builders)
4. 這個類型不大一樣
Evgeni Dinev Photography
保加利亞攝影師Evgeni Dinev的攝影作品,畫面壯闊。
顏色很棒,RSS看到推薦稱之為大自然的調色師
其實FLICKR也有很多這種類型的磅礴的照片,不過沒有做成網頁形式。
主頁畫面會切換,放幾張
點進去之後是這樣的
Update:感謝評論區的各位,Momentum的背景圖已經取到,對大部分網頁也適用。具體方法見本答案評論
————————————————————————————————————————
Lofter:LOFTER|網易輕博客
——————
——————
最近才開始玩,主要是被它的 Theme吸引了,都很簡潔大方啊~
——————————————————————————————————————————
Momentum——Chrome上的一款拓展:Chrome Web Store
每天自動更換一張背景,質量很高,但一直苦於找不到挖圖方法。
Google+
這個不用多說了吧。
Twitter
同上,這兩個名氣太大但卻沒見有人提。
十年後:登錄-十年後
Avex designs:Avex Designs
Dulla:Dulla - The brand new game for your iPad
是動態的喲~
Alessandro Giammaria:Web designer e grafico freelance
Tower: 簡單,好用的團隊協作工具
MY NAME IS JARAD JOHNSON:My Name is Jarad Johnson
最後,這個也不錯~鏈接就在你們的地址欄~~
日系服飾品牌earthmusic的網站主頁。每一季的畫報美翻了
再補充幾個吧,都是日系服裝品牌的官網主頁,風格各異,唯一不變的就是細節之處彰顯的美感。
w closet
lowrys farm
Liberty一個英國牌子,服裝,配飾都賣,以印花工藝最為出名,主頁不見得是最美的,但是滿滿都是小碎花的風格挺有愛的。
We"re getting married!
這其實是個結婚請柬,非常有創意的!一直收藏著……可能學過設計的緣故,或者一直以來我主張色彩大膽,層次清晰,畫面大氣簡潔,所以非常喜歡微軟官網的界面:以色塊主張VI形象,把微軟的產品和企業理念非常和諧的轉達了出來,科技不失時尚。
奧黛麗赫本兒童基金會主頁
最愛的人 和 最美的心
都在那裡
Audrey Hepburn Children"s Fund
主頁的七個赫本形象是可以滑動的,隨著滑鼠手勢旋轉。
太火鳥
太火鳥-中國最火爆的智能硬體孵化平台
發現推薦的網站都是這樣的:漂亮的大圖背景,較少的頁面元素和豐富的js交互效果。
Hello Monday
看到這個問題,幾乎沒有延時的,我第一時間想到的就是這個網站「Hello Monday」,這是一個丹麥的設計公司的主頁。之所以覺得它是我見過最美的網站主頁主要是因為,這個網站的「美」,不僅是靜態上的,更是動態的。所以請一定點擊鏈接進去看,很多動態效果的美是截圖無法表現出來的。
上截圖:
(就連沒有圖片的純文字部分,都這麼耐看。絕了!)
這網站近期改版過,之前的那版我也超級喜歡,但現在只能單看看截圖了。我儘力描述下它的動態效果
如圖,主要是下半部分,一般情況下它的如圖這種咖啡色的,滑鼠移動到某一行那行高度就會增加,看到大圖,同時變為彩色,此時滑動滑鼠滑輪,這一行就會水平的滾動。太贊!
PS:
順便說點有的沒的
- 其實有時候一張好看的背景圖就能夠瞬間提升網站的「逼格」。當然,即使背景圖選得好,也並不一定就能好看,有時候不合理的間距,不合適的字體,不適宜的大小,都可能毀了整體的美感。
- 也看到有人提到知乎,我想提的是,對於一種顏色用到底的網站,一向沒什麼好感。這樣的用色設計的確非常安全,但是基本上毫無驚艷之處。主色-輔色-點睛色用同一個色系,看久了真是無聊透頂。這種配色在手機端應用里更加常見。滿世界都是同一個顏色真是單調死了,其中藍色真是泛濫了。其實用同一色系,但是在小塊上用一點點純度相近,色相相差較大的點睛色,應該會好很多的吧~
- 例如Hello Monday里的純文字部分,實在是很贊的設計,各部分的間距,正好符合內容的相對關係。我們視覺上看到的間距會在心理上形成對內容分類的暗示,靠的相對近的會被認為是同一個部分,對於文字信息,這樣的感覺更加強烈。舉個例子,例如網頁上有A,B,C三個部分,如果A,B之間是20px,AB與C之間是30px,那就會被認為A,B的信息是屬於C的下一層次的。很多網站第一眼看上去很好看,多看幾眼之後就是感覺不舒服,有些就是由於間距差與層次結構不符而產生的矛盾感。
以上這些都只是我個人的淺薄的見解而已,人家還是學生黨,說得不好不要扔臭雞蛋嘛~~~
strikingly Best Website Builder
一味
apple官網Apple - iPhone
簡潔的頁面,流行的單頁布局,精美的圖片,字體,當然,最重要的是近乎完美的產品。
夢想天空(山邊小溪) 這個博客會定期推送一些比較驚艷的網站,尤其是視覺上的,喜歡的同學可以關注一下。
個人覺的蜜豆(http://mildou.com)不錯,採用少見的木桌背景,卡片式瀏覽。
推薦閱讀:
※有什麼小細節能夠讓人顯得「高端」?
※你最得意的原創句子是哪句?
※你的經濟學入門教材是什麼?你現在會怎麼評價它?
※如果給你一次機會,分手時你會送給前任什麼東西?
※如果能用某個小說人物指代你自己,你會是誰?為什麼?