1、win8風格頁面,頁面風格,頁面風格有哪些
一、首先從功能與設計目標來看, H5專網頁主要有以下4大類型:
1.活動運營型
為活動推廣運營而打造的H5頁面是最常見的類型,形式多變,包括游戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態廣告圖片傳播不同,如今的H5活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播。從進入微信H5頁面到最後落地到品牌App內部,如何設計一套合適的引流路線也頗為重要。
2.品牌宣傳型
不同於講究時效性的活動運營頁,品牌宣傳型H5頁面等同於一個品牌的微官網,更傾向於品牌形象塑造,向用戶傳達品牌的精神態度。在設計上需要運用符合品牌氣質的視覺語言,讓用戶對品牌留下深刻印象。
3.產品介紹型
聚焦於產品功能介紹,運用H5的互動技術優勢盡情展示產品特性,吸引用戶買買買。
這一類型的H5頁面多見於汽車品牌,LEXUS NX是其中的優秀代表案例。精緻和極富質感的建模、細膩的光效營造出酷炫的視覺風格。用手指跟隨光的軌跡切割畫面揭開序幕,通過合理優雅的觸碰、摩擦、滑動等互動形式帶領用戶一同探索產品的7大特性,宏觀和微觀都照顧周全。
4.總結報告型
自從支付寶的十年賬單引發熱議後,各大企業的年終總結現也熱衷於用H5技術實現,優秀的互動體驗令原本乏味的總結報告有趣生動了起來。
二.形式為功能服務
在確定了專題頁的功能目標之後,接下來就是關鍵的設計階段了。如何有的放矢地進行設計,需要考慮到具體的應用場景和傳播對象,從用戶角度出發去思考什麼樣的頁面是用戶最想看的最會去分享的。
1.簡單圖文
簡單圖文是早期最典型的H5專題頁形式。「圖」的形式千變萬化,可以是照片、插畫、GIF等。通過翻頁等簡單的交互操作,起到類似幻燈片的傳播效果。考驗的是高質量的內容本身和講故事的能力。
2.禮物/賀卡/邀請函
每個人都喜歡收到禮物的感覺,抓住這一心理,品牌推出了各種H5形式的禮物、賀卡、邀請函,通過提升用戶好感度來潛移默化地達到品牌宣傳的目的。既然是禮物,那創意和製作便是重要的加分項。
3.問答/評分/測試
問答形式的H5頁面也屢見不鮮了,利用用戶的求知慾和探索欲,一路選選選,看最後到底是什麼成績。一條清晰的線索是必要的,最後到達的結果頁也需要合理不突兀,如果能輔以出彩的視覺和文案,弱化答題的枯燥感那就再好不過了。
4.游戲
從 「圍住神經貓」、「看你有多色」等單純小游戲再到杜蕾斯「一夜N次郎」(即山寨版「別踩白塊兒」)等品牌植入式小游戲,H5游戲因為操作簡單、競技性強,一度風靡朋友圈,但創意缺乏和同質化現象導致用戶對無腦小游戲逐漸產生了厭倦。品牌要在游戲上做到成功傳播,需要在玩法和設計上多下點功夫。
三.為設計加分的4個要點
一個H5頁面設計品質的出眾與否,會直接影響其傳播效果,甚至影響到用戶對品牌形象的認知。在這里總結出以下的設計要點:
1.細節與統一
要成就高品質的用戶體驗,必須考慮到細節與整體的統一性。復古擬物的視覺風格,那字體就不能過於現代;幽默調侃的調調,那文案措辭就不能過於嚴肅;打情感內容牌的,動效就不能過於花哨。
2.緊跟熱點,利用話題效應
想要你的H5專題頁一夜爆紅,第一時間抓住熱點並火速上線,借機進行品牌宣傳也不失為一條捷徑。
3.講個好故事,引發情感共鳴
不論H5的形式如何多變,有價值的內容始終是第一位的。在有限的篇幅里,學會講故事,引發用戶的情感共鳴,將對內容的傳播形成極大的推動。
4.合理運用技術,打造流暢的互動體驗
隨著技術的發展,如今的HTML5擁有眾多出彩的特性,讓我們能輕松實現繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。相較於塞入各種不同種類的動效導致頁面混亂臃腫,我們更提倡的是合理運用技術,用心專注於為用戶提供流暢的互動體驗。
結語
隨著手機硬體的升級、HTML5技術的發展以及微信平台的開放,HTML5的跨平台、低成本、快迭代等優勢被進一步凸顯,這對身處於移動互聯網大潮的企業主、品牌、設計師和開發者來說,都將是一個最好的時代。
2、win8和win8.1有什麼不同?
1. 開始按鈕
已經確認!Windows 8.1將恢復開始按鈕,而且外觀就像大多數廠商們預料的那樣,是一個很清爽的Win8徽標。按鈕大小和位置基本上與老版系統一樣,這顯然是微軟在努力降低老用戶們的遷移代價。當然小的變化還是有的,比如滑鼠懸停後會自動變成黑底藍字,徽標的色彩也會與Charm相互匹配。不過這里要提醒各位一句,你現在看到的一切絕非微軟回心轉意,不過就是Win8「開始屏幕」的另一個新入口罷了。事實上這個按鈕和Charm欄中的「開始」沒有區別,點擊後也會跳到「開始屏幕」。
2. 開始屏幕
Win8的開始屏幕看久了,其實也並非那麼不討人喜歡,只不過……美工確實渣了一點兒。好消息是,Windows 8.1終於開始加薪換美工了,在這款全新的操作系統中,你可以讓開始屏幕自動繼承桌面壁紙,讓開始和桌面切換起來更加協調。或者乾脆為它換上一套動態壁紙,體驗一把「電腦版Android」的感覺吧。
3. 磁貼
磁貼在Windows 8.1中有了更多改變,比如大家知道最多的,就是新版本將提供1×1、2×2、4×2 和 4×4 四種規則的磁貼尺寸。同時非Metro應用開始屏幕表現不佳的問題(只有圖標在變,背景色其實都是一樣的,非常單調~)在新版中也有改善,你會發現Excel的背景變為了綠色,而Word變成了藍色。事實上Windows 8.1最聰明的地方,就是可以根據圖標主色智能決定磁貼的背景色彩。
4. 鎖屏
鎖屏在Windows 8.1中變得更加好玩,首先是你可以選擇本地或SkyDrive中的照片作為壁紙(鎖屏),然後以圖片拼貼的方式進行展示。同時Windows 8.1會很聰明地只選擇高解析度圖片,並自動跳過一些重復或畫面類似的圖片(估計是基於圖像識別的重復圖片篩選),從而保證播放效果。或者……你還可以劃定一個時間范圍,讓鎖屏只顯示某一區段內的照片(比如小孩出生到現在的照片),徹底讓Windows 8.1變身數碼相冊。
5. 搜索
搜索在Windows 8.1中更加強悍,Bing的加入大大縮短了電腦與互聯網間的差距。比如傳統的Charm欄-「搜索」只會檢索到本機內數據,但在Windows 8.1中,你將會看到更多、更豐富的網路聚合結果。舉個例子吧,比方說你去搜索一個樂隊名稱,那麼搜索結果將包括該樂隊的相關專輯(本地搜索),同時羅列出與之相關的網頁、最新活動、同類樂隊,甚至演唱會門票等。而這一點其實和有道詞典此前推出的互聯網查詞很接近,不過進入老大Windows的視野倒是第一次。
6. 桌面
除了各種新特性以外,Windows 8.1也對傳統的桌面模式進行了微調,效果明顯且對我們有幫助的,莫過於「計算機」中的常用文件夾置頂。當然就像其他功能一樣,你可以任意修改它以滿足自己的需要。
8. 分屏瀏覽
分屏瀏覽(Snap Views)在Win8中一直飽受詬病,一來比例死板無法滿足用戶需要,二來只能打開兩個窗口的限制相比Win7來說遜色太多。在Win 8.1中Snap Views有了更多人性化改進,首先是分屏總數最多可達4個,其次是你能夠手動調整分屏與分屏間的比例,以滿足不同的應用需要。
9. 內置Metro應用
Windows 8.1大幅優化了現有Metro應用,同時也增加了一些全新應用。比方說Metro版資源管理器就是一個很好的例子,這款名為「Files」的APP基本就是現行資源管理器的Metro化翻版,整合了SkyDrive和本地文件管理器。當然由於剛剛加入,功能上比起現行資源管理器還有著很大差距,但全程Metro化就是它的最大亮點。
10. PC設置
PC設置比起Win8時代大大增強,甚至你可以把它理解為一款Metro化的控制面板。功能不必多說,解析度調整、電源選項、生產商及型號查看、產品密鑰更改、Windows Update……,幾乎你能想到的所有模塊在這里都能找到,同時界面上的變化也會讓新版PC Settings更容易上手
3、win8系統不能用網頁設計的替代工具嗎
不太懂你的問題
4、綜合起來,到底是WIN10好,還是WIN8.1的好一些,游戲和設計軟體
對於普通用戶來說,如果你沒有親身體驗過Win8.1與Win10這兩款操作系統,你很難從二者的外觀去衡量他們。為了進一步了解兩款操作系統的不同,筆者近日親身對這兩款操作系統進行了體驗,本文將從10個點入手,為大家詳細解讀兩款操作系統的不同特性,期待在您選購操作系統的時候有所幫助。
1.價格對比
對於用戶來說,尤其是普通消費者,他們對產品的價格非常敏感。定價策略直接關繫到產品是否能夠成功。
在Win8.1發布後,微軟美國開放Win8.1的預售時,Win8.1標准版119.99美元,Win8.1專業版199.99美元。Win8.1的版本和價格和Win8時代是保持一致的。在中國,標准版的售價為888元,對於中國的普通消費者來說,讓他們花費888元的價格購買操作系統可以說是難上加難。
Win10最顯著的一大變化,便是營銷策略。在今年的秋季,所有Windows
7及8/8.1用戶將獲得一年的免費升級時間,這顯然是Windows產品有史以來最吸引人的營銷策略。這意味著所有微軟的老用戶將可免費使用Win10,擺脫此前Windows
8/8.1的較差口碑,在第一時間獲得巨大裝機量,對於普及Win10操作系統有著積極的作用。
2.Win8.1與Win10支持設備對比
微軟推出過眾多個Windows 版本,較熟悉的Windows 98、Windows 2000、Windows XP以及Windows
7等等都是為PC推出的操作系統。
隨著移動計算市場的快速發展,微軟意識到移動操作系統的重要性,於是推出了Windows
Phone手機操作系統,以及面向PC和平板市場的Win8.1操作系統。Windows
Phone與Win8.1使用習慣越來越接近。但他們仍然是面對不同領域的操作系統,要求相互獨立的應用和軟體。
Win10的推出則打破了之前的不同平台的系統束縛,不但能夠支持傳統的PC,還能夠完美支持平板電腦、智能手機,設置Xbox等都能夠完美支持。
在Windows10中,用戶可以獲得更多跨平台的應用,一如既往的聯系人同步。現在還多了雲音樂,你可以把喜歡的音樂收藏到OneDrive。其中所使用到的工具則是微軟官方提供的,並非第三方的其他工具。
3.Win8.1與Win10開始菜單對比
「開始菜單」這個按鈕是大家非常熟悉的功能,這個功能一直伴隨著Windows系統的發展,但是在Windows
8系統發布的時候,這個經典的按鈕竟然被微軟「拿下」,這一改變也讓很多網友大呼不適應,Windows
8之所以得不到認可,很大程度上與這個「開始菜單」按鈕被拿下有很大關系。
在Win8.1操作系統中,微軟意識到「開始菜單」對於廣大網友的看重,做了及時的改變,將「開始菜單」恢復到系統中。在最新的Win10技術預覽版中,我們可以看到在經典的Windows桌面上看到「開始菜單」。
那麼二者有什麼區別呢?其實區別還是挺大的:在Win8.1中,我們點擊切換菜單,切換到的是Windows開始屏幕,這個雖然能夠起到開始菜單同樣的作用,但是對於習慣了傳統開始菜單模式的網友還是非常的不適應。
在最新Windows 10的開始菜單則進一步進行了完善,我們看到開始菜單的左半部分是最新打開的程序列表和其他東西。右半部分則非常像Windows
8/8.1的開始頁面。這個迷你版的頁面附加到開始菜單的右側,整體設計滿足了不同用戶的使用習慣,大大提升了Windows操作系統的應用體驗。試在本地計算機和Web上搜索相關信息。
4.Win8.1與Win10應用窗口對比
Win8.1中,Windows
Store中的應用打開會占滿整個屏幕,這使得用戶只能看到一個運行窗口,對於熟悉了之前操作模式的用戶來說,這種方式無疑會很不適應,也讓Win8.1的吸引力大幅降低。
在Win10中,從Windows
Store下載的應用可以在窗口下運行,讓幾個程序可以同時在頁面上顯示,對於廣大用戶來說,這樣的設計可以說滿足了用戶同時運行多個頁面的需求,大大提升了應用體驗。
5.虛擬桌面功能
除了多個窗口顯示,Win10為了更好的幫助用戶顯示不同的程序,任務欄上新增了一個任務視圖按鈕,點擊該按鈕,就可以快速在打開的多個軟體、應用、文件之間切換。
屏幕正中顯示正在運行的程序,下方黑色一欄可以添加新的桌面。想試一下嗎?如果你是Win8.1的話按住Alt+TAB鍵,差不多就是這個樣子。
但是相比在Windows 8和8.1中(其實Win
7也這樣),通過Alt+TAB切換出來的是在當前活動窗口上顯示所有的窗口,然後進行切換。Win10虛擬桌面無疑提供了更好的展示方式。
6.Win8.1與Win10軟體支持對比
XBOX是由世微軟所開發,Xbox在全球擁有眾多的愛好者,與Windows
結合也是其必然的結果。全新的Win10眾多改變當中,整合Xbox游戲平台被視作是微軟更加重視游戲業務的體現。所集成的Xbox游戲平台將帶給Win10游戲玩家更活躍的社交互動體驗。
軟體當中「我的游戲」中能夠顯示用戶在所有終端中玩過的游戲。同時其中還設計有朋友列表、消息和活動流的內容項。你還可以和Xbox
Live的用戶聊天,上傳游戲成績和游戲錄像。還可以給游戲錄像評論、點贊和分享。
7.與Office軟體的融合
Office辦公軟體是Windows系統中非常重要的軟體,尤其是對於企業用戶來說,利用Office已經成為不可避免的事情,用戶需要利用Office軟體來處理各種事件,可以說,用戶離不開Office軟體。
在Win10之前,雖然微弱一直在加強系統與office軟體的結合,但是相對起來一直比較獨立。在最新的而Win10Office辦公軟體更加深度與之融合,支持更方便的跨平台分享使用,對用戶來說這將會是極方便的使用體驗。
為了移動設備使用更加順暢,Office對移動版進行了大幅度優化,在手機上體驗Office辦公將成為可能。通過現場的演示來看,Office更深度的存在於系統之中,用戶可以將PC端的Office任務與移動端完全無縫連接,實時在不同設備之間接續未完成的工作。
8.Win8.1與Win10語音支持對比
提到Cortana,可能大家並不熟悉,但是說他的中文名「微軟小娜」相信很多人都會想起這個聰明的東西。Cortana是微軟發布的全球第一款個人智能助理。Cortana
可以說是微軟在機器學習和人工智慧領域方面的嘗試。它「能夠了解用戶的喜好和習慣」,「幫助用戶進行日程安排、問題回答等。
通過發布會現場演示來看,集成在Win10並運行於PC上的Cortana語音助手有著較為不錯的體驗,不僅能夠查找天氣、調取用戶的應用和文件、收發郵件、在線查找內容,還能了解到較為口語化的用戶表達。
無疑Cortana與我們理想中高效富有感情的語音助手更接近了。這樣的功能無疑增強了Win10的使用感受。
9.Win8.1與Win10瀏覽器對比
IE瀏覽器是大家都非常熟悉的瀏覽器,他也是Windows操作系統一直自帶捆綁的瀏覽器軟體,這樣IE瀏覽器在全球有著眾多的用戶。在Win10系統中,微軟對IE瀏覽器進行了調整,現在全新的瀏覽器——版本代號Spartan與大家見面了。
Spartan的界面整體來說更加簡潔,視覺風格上甚至有點谷歌Chrome的韻味。它支持用戶在網頁上進行批註瀏覽,截圖功能也集成其中更加方便。同時用戶也可以在批註過後將這些內容方便的通過側邊欄分享或者發送到需要的地方去。
10.命令提示符
對於來用戶來說,對命令提示符一定不陌生,但在Windows10發布之前,命令提示符功能對於普通用戶的用戶越來越小,其繁瑣的命令讓很多用戶很難享受到使用系統的樂趣。Windows10中則對命令提示符進行了大幅改進。
在過去版本的CMD命令提示符中,大家經常接觸的快捷鍵全部無法使用。而在新版CMD命令提示符中,則進行了大幅改進,Win10的命令提示符增添了復制、粘貼等功能。另外,Win10的命令提示符還增添了大量新選項和熱鍵,使用戶能更方便地執行命令和啟動軟體。
對比總結:
通過對Win10與Win8.1應用的對比,我們發現二者區別還是蠻大的。Win10相比Win8.1在多方面還是有優勢的,其吸取了Win8.1的教訓,讓Win10操作系統的應用體驗得到了大幅提升。同時一些小的細節改變讓Win10煥然一新,更為重要的是,免費升級策略將讓Win10的吸引力大大提升,相信在Win10發布後,會有大量的用戶選擇升級到Win10系統,總體來說,相比Win8.1,小編更看好全新的Win10系統。
5、如何在Win8系統中搭建Web伺服器
對於網站開始人員來說,搭建WEB伺服器是實現開發的第一步,也是所必須具備的基本技能。同時對於剛接觸WEB設計的人員來說,這也是自我學習的開始。今天就讓我們一起來學習一直在Win8系統中搭建WEB伺服器的基本方法,希望對大家有所幫助。
操作步驟如下:
1、將滑鼠移動到桌面右下方,然後從彈出的擴展菜單中點擊「設置」按鈕,將在打開的擴展窗口中選擇「控制面板」項進入。
2、在打開的「控制面板」窗口中,依次點擊「程序」→「啟動或關閉Windows功能」。
3、接著在打開的「Windows窗口」功能窗口中,勾選「Web管理工具」下面所有地的選項,勾選「萬維網服務」下面的「應用程序開發」下所有選項。如圖所示,最後點擊「確定」按鈕,以便完成更新過程。
4、更新完成後,再次進入「控制面板」,點擊「系統和安全」→「管理工具」,並在打開的「管理工具」窗口中找到並雙擊「」進入。
5、在打開的「Internet(IIS)信息服務」窗口中,依次展開「PC」→「網站」→「Default Web Site」,然後切換到「內容視圖」模式,右擊「iisstart.htm」,從彈出的右鍵菜單中選擇「瀏覽」項。
6、如果此時能打開網頁,則表示IIS已安裝完成,Web伺服器就搭建成功啦。
參考鏈接:http://www.niangyixia.com/jiaocheng/qita/11322.html
6、如何製作網路啟動的win8PE系統?
網路啟動就是通過網路伺服器啟動,那個一般是網吧才用的。
你的意思,應該是要求進PE裡面能上網吧。
這個問題的關鍵就是PE里要安裝有你的網卡的驅動程序。
網卡的型號太多了,沒有哪個PE能保證包括全部的驅動,所以別人能用的,你不一定能用。
你可以看看網上帖子,核心就是講驅動在PE里注冊,自己集成網卡驅動,不過難度相對較高,不適合小白。
7、怎麼開發win8風格的網站
win 8 風格網站運行效果如下:
首頁:
工具頁:
UPDATE:
開發方式:
var ME = {
"name": "土豆/Artwl",
"job": "coding",
"languages": [
回"JS", "HTML",
"CSS", "jQuery"
"MVC",".NET",
"設計模式"
],
"hobby": [
"閱讀答", "旅遊",
"音樂", "電影"
]
}
8、win8的網頁設計的縮略圖在哪裡找
1、將打開的應用程序拖拽至屏幕下方,這個時候先別著急鬆手,而是需要多停留幾秒,之後拖拽下載的應用圖標略縮圖會轉變成應用圖標2、當應用略縮圖變成圖標後,我們再鬆手就可以真正關閉Win8.1應用了其實Win8.1關閉應用方法類似將應用拖到最底部是凍結應用,類似墓碑機制。如果想要完全關閉應用,需要將應用拖到最底部然後等待2秒左右讓縮略圖反轉一下後再鬆手即可。另外如果縮略圖已經翻轉成圖標,那麼只要將滑鼠拖拽回到原來區域,就能立刻重啟當前應用,而不再是上面的一鍵關閉了,這些大家去領略一下,就很好理解的。
9、八年級下冊製作一個簡單的網頁,
網頁製作需要以下軟體(軟體及教程):
菜鳥網頁製作1.1、 DreamweaverMX、FLASHMX、PHOTOSHOP,支持WIN7 32位和64位、WIN8 32位和64位、XP、WIN2K
菜鳥網頁製作1.1
使用者不需要任何網頁製作知識和經驗,不需要懂美工,甚至不需要電腦知識,只需要會用滑鼠,會粘貼或錄入文字,選擇版式、圖片,就可以一鍵生成非常精美和專業的整套網頁,給用DREAMWEAVER製作出來的效果完全一樣。
地址:http://biso.cn/soft/411.htm
DreamweaverMX:
先進的網頁製作大師 ,功能強,支持 DIV + CSS,可視化操作,支持JS、ASP、PHP、JSP腳本程序:
DreamweaverMX 軟體及教程的安全下載:http://biso.cn/soft/281.htm
10、ad10win8怎麼頁面模糊
網頁顯示模糊的原因有很多,可以按下面的項目進行排查:
1)解析度設置問題
通常每個顯示器都有其最佳的顯示解析度和刷新頻率。例如:1920*1080 72HZ。如果顯示器的邊緣有黑邊或者錯位,通常,設置解析度為最大解析度後,再設置刷新頻率為72HZ或最大即可正常顯示。
2)顯示器設置問題
顯示器設置不當,也會出現字體不清晰的現象。此時可以使用顯示器上的操作按鈕重置一下設置。
3)ClearType設置不當
PC顯示器有ClearType字體清晰化調整的方案,可以嘗試設置一下。
4)網頁設計問題
網頁設計中設計師使用了錯誤的字體單位,可能也會引起字體顯示模糊。另外,如果網頁設計師因為追求個性字體,忽略了其他客戶電腦中的字體方案,也會引起字體變形或模糊的現象。
5)顯示驅動異常
可以嘗試重新安裝或者更新顯卡驅動來改善顯示狀況