• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      首頁

      UI設計教程 質感朋克U盤ui圖標教程

      藍藍設計的小編

      介紹一下如何在PS里更好的體現圖標的質感,個人覺得,這個教程對于UI學習者來說是非常受用的,特別是UI設計的新手學習者。好了,喜歡的朋友記得給我好評!

      UI設計教程!如何提升你的設計水平

      藍藍設計的小編

      最近半年嘗試性的收了一個小徒弟,因為他今年畢業,我以為教起來會很順利,因為他是平面設計專業而且PS軟件基礎還不錯。但是實際上卻遇到了不少的問題不少的彎路。我把它們整理了下來,總結了一下。分享給剛入門的Ui設計師們希望能幫到初學UI的你。

      前端框架Bootstrap的使用

      seo達人

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里 

      1. 下載Bootstrap

      下載地址:https://v3.bootcss.com/ 
      進入后下載這個標題的Bootstrap 
      這里寫圖片描述 
      下載完成后,將所需的css,js復制到工程中即可

      2. 拷貝官方的模塊文件

      <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3個meta標簽*必須*放在最前面,任何其他內容都*必須*跟隨其后! --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1>你好,世界!</h1> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
          
      • 1
      • 2
      • 3
      • 4
      • 5
      • 6
      • 7
      • 8
      • 9
      • 10
      • 11
      • 12
      • 13
      • 14
      • 15
      • 16
      • 17
      • 18

      3. 頁面添加組件

      圖片

      • 下面一個按鈕為例:

        • 喜歡的樣式
      <button type="button" class="btn btn-primary">(首選項)Primary</button>
          
      • 1

      這里寫圖片描述

      <div class="btn-group" role="group" aria-label="...">
        <button type="button" class="btn btn-default">Left</button>
        <button type="button" class="btn btn-default">Middle</button>
        <button type="button" class="btn btn-default">Right</button>
      </div>
          
      • 1
      • 2
      • 3
      • 4
      • 5

      這里寫圖片描述 
      然后將二者結合即可:

      <div class="btn-group" role="group" aria-label="...">
        <button type="button" class="btn btn-primary">Left</button>
        <button type="button" class="btn btn-primary">Middle</button>
        <button type="button" class="btn btn-primary">Right</button>
      </div>
          
      • 1
      • 2
      • 3
      • 4
      • 5
      - 最后的結果如下:
      Left Middle Right

      這里寫圖片描述

      至此你就可以簡單的用前端框架做出美觀的界面了!

      藍藍設計www.wtxcl.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

      2018年12條移動端用戶體驗設計趨勢

      鶴鶴


      在移動應用領域,事物正飛速發展。要想在用戶體驗設計領域獲得成功,設計師必須有遠見,并為即將到來的新挑戰做好準備。

       

      為了簡化這個任務,我列出了2018年最重要、最有影響力的趨勢,而且很有可能遠不止如此。



      設計流程與產品分析

      藍藍設計的小編

      為什么近期市場上會出現大片的方法論呢?究其原因:是一種壞的學術風氣或普通群眾的跟風心里導致的。


      互聯網興起初期,沒有相應的專業或產品設計的學派,大部分設計師的出發點基本圍繞「解決問題」的角度來做產品設計。當時唯一的理論點就是現在所謂的「競品分析」。

      CSS3彈性布局怎么兼容IE(11)?

      seo達人

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里 

      彈性布局(Flexbox)確實為我們構建復雜、靈活的布局帶來了很大的便利,但是它的兼容性確實讓人很頭痛,下面是我遇到的一個問題:

      理想效果:

      IE11效果:

      html大概結構:

      [html] view plain copy
      1. <div class="box">  
      2.     <div class="input-container">  
      3.         <input />  
      4.         <div class="tooltip"></div>  
      5.     </div>  
      6.     <button></button>  
      7. </div>  

      這里大致說一下css,input-container寬高沒設死,由input決定,并設置position: relative;相對定位,并采用display: flex;彈性布局。tooltip設置絕對定位,通過top調整垂直位置,由input-container的彈性布局屬性設置水平居中(是不是覺得我很作死,為什么不直接用絕對定位就把垂直水平都搞定了。哈哈,一切源于一顆裝B+傻B的心,不過,能實際體會一下flexbox帶來的問題,我覺得也挺好的)。


      結果在chrome下正常,IE11下就成上圖那樣了,我上MDN Web看了一下,說彈性布局是支持IE11的(下圖),但是從上圖來看,IE下垂直方向是對的,但是水平方向卻不對,說明flexbox還是沒被支持,我也嘗試著添加了各種前綴,還是不行。

      藍藍設計www.wtxcl.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

      UI是什么,涉及面有多廣!

      藍藍設計的小編

      UI(User Interface)即用戶界面,人機交互設計,不僅指用戶和界面,還包括用戶和界面之間的關系。具體指人機交互、操作邏輯、界面美觀的整體設計,好的UI不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由、充分體現軟件的定位和特點。

      html模糊查詢

      seo達人

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里 

      1. <head>  
      2.     <meta charset="UTF-8">  
      3.     <title>模糊查詢</title>  
      4. <style type="text/css">  
      5.     body{  
      6.         text-align:center;  
      7.     }  
      8.     #datas{  
      9.         display:none;  
      10.     }  
      11.     #txt{  
      12.         font-size:300%;  
      13.         width:80%;  
      14.         height:10%;  
      15.         margin-top:10%;  
      16.     }  
      17.     #msg{  
      18.         margin:0 auto;  
      19.         text-align:left;  
      20.         width:80%;  
      21.         border: medium solid #C0C0C0;   
      22.     }  
      23. </style>  
      24. </head>  
      25. <body>  
      26.   
      27. <form action="" method="post">  
      28. <!-- 搜索框 -->     
      29. <input type="text" id='txt' />  
      30. </form>  
      31. <!-- 模糊查詢結果顯示框 -->  
      32. <div id="msg"></div>  
      33.   
      34. <!-- 查詢數據 -->  
      35. <div id="datas">  
      36. 城市,北京市,海淀區,東城區,西城區,宣武區,豐臺區,朝陽區,崇文區,大興區,石景山區,門頭溝區,房山區,通州區,順義區,懷柔區,昌平區,平谷區,密云縣,延慶縣,天津市,和平區,河西區,河北區,河東區,南開區,紅橋區,北辰區,津南區,武清區,塘沽區,西青區,漢沽區,大港區,寶坻區,東麗區,薊縣,靜??h,寧河縣 ,上海,黃浦區,盧灣區,徐匯區,長寧區,靜安區,普陀區,閘北區,楊浦區,虹口區,閔行區,寶山區,嘉定區,浦東新區,金山區,松江區,青浦區,南匯區,奉賢區,崇明縣 ,重慶,渝中區,大渡口區,江北區,沙坪壩區,九龍坡區,南岸區,北碚區,萬盛區,雙橋區,渝北區,巴南區,萬州區,涪陵區,黔江區,長壽區,江津區,永川區,南川區,綦江縣,潼南縣,銅梁縣,大足縣,榮昌縣,璧山縣,墊江縣,武隆縣,豐都縣,城口縣,梁平縣,開縣,巫溪縣,巫山縣,奉節縣,云陽縣,忠縣,石柱土家族自治縣,彭水苗族土家族自治縣,酉陽苗族自治縣,秀山土家族苗族自治縣,新疆維吾爾自治區,烏魯木齊,克拉瑪依,石河子,阿拉爾市,圖木舒克,五家渠,哈密,吐魯番,阿克蘇,喀什,和田,伊寧,塔城,阿勒泰,奎屯,博樂,昌吉,阜康,庫爾勒,阿圖什,烏蘇 ,西藏自治區,拉薩,日喀則,寧夏回族自治區,銀川,石嘴山,吳忠,固原,中衛,青銅峽市,靈武市,內蒙古自治區,呼和浩特,包頭,烏海,赤峰,通遼,鄂爾多斯,呼倫貝爾,巴彥淖爾,烏蘭察布,霍林郭勒市,滿洲里市,牙克石市,扎蘭屯市,根河市,額爾古納市,豐鎮市,錫林浩特市,二連浩特市,烏蘭浩特市,阿爾山市 ,廣西,南寧,柳州,桂林,梧州,北海,崇左,來賓,賀州,玉林,百色,河池,欽州,防城港,貴港,岑溪,憑祥,合山,北流,宜州,東興,桂平,黑龍江,哈爾濱,大慶,齊齊哈爾,佳木斯,雞西,鶴崗,雙鴨山,牡丹江,伊春,七臺河,黑河,綏化 加格達奇,五常,雙城,尚志,納河,虎林,密山,鐵力,同江,富錦,綏芬河,海林,寧安,穆林,北安,五大連池,肇東,海倫,安達,吉林,長春,吉林,四平,遼源,通化,白山,松原,白城,九臺市,榆樹市,德惠市,舒蘭市,樺甸市,蛟河市,磐石市,公主嶺市,雙遼市,梅河口市,集安市,臨江市,大安市,洮南市,延吉市,圖們市,敦化市,龍井市,琿春市,和龍市,遼寧,沈陽,大連,金州,鞍山,撫順,本溪,丹東,錦州,營口,阜新,遼陽,盤錦,鐵嶺,朝陽,葫蘆島,新民,瓦房店,普蘭,莊河,海城,東港,鳳城,凌海,北鎮,大石橋,蓋州,燈塔,調兵山,開原,凌源,北票,興城 ,河北,石家莊,唐山,邯鄲,秦皇島,保定,張家口,承德,廊坊,滄州,衡水,邢臺,辛集市,藁城市,晉州市,新樂市,鹿泉市,遵化市,遷安市,武安市,南宮市,沙河市,涿州市,固安..定州市,安國市,高碑店市,泊頭市,任丘市,黃驊市,河間市,霸州市,三河市,冀州市,深州市,山東,濟南,青島,淄博,棗莊,東營,煙臺,濰坊,濟寧,泰安,威海,日照,萊蕪,臨沂,德州,聊城,菏澤,濱州,章丘,膠南,膠州,平度,萊西,即墨,滕州,龍口,萊陽,萊州,招遠,蓬萊,棲霞,海陽,青州,諸城,安丘,高密,昌邑,兗州,曲阜,鄒城,乳山,文登,榮成,樂陵,臨清,禹城,江蘇,南京,鎮江,常州,無錫,蘇州,徐州,連云港,淮安,鹽城,揚州,泰州,南通,宿遷,江陰市,宜興市,邳州市,新沂市,金壇市,溧陽市,常熟市,張家港市,太倉市,昆山市,吳江市,如皋市,通州市,海門市,啟東市,東臺市,大豐市,高郵市,江都市,儀征市,丹陽市,揚中市,句容市,泰興市,姜堰市,靖江市,興化市,安徽,合肥,蚌埠,蕪湖,淮南,亳州,阜陽,淮北,宿州,滁州,安慶,巢湖,馬鞍山,宣城,黃山,池州,銅陵,界首,天長,明光,桐城,寧國,浙江,杭州,嘉興,湖州,寧波,金華,溫州,麗水,紹興,衢州,舟山,臺州,建德市,富陽市,臨安市,余姚市,慈溪市,奉化市,瑞安市,樂清市,海寧市,平湖市,桐鄉市,諸暨市,上虞市,嵊州市,蘭溪市,義烏市,東陽市,永康市,江山市,臨海市,溫嶺市,龍泉市,福建,福州,廈門,泉州,三明,南平,漳州,莆田,寧德,龍巖,福清市,長樂市,永安市,石獅市,晉江市,南安市,龍海市,邵武市,武夷山,建甌市,建陽市,漳平市,福安市,福鼎市,廣東,廣州,深圳,汕頭,惠州,珠海,揭陽,佛山,河源,陽江,茂名,湛江,梅州,肇慶,韶關,潮州,東莞,中山,清遠,江門,汕尾,云浮,增城市,從化市,樂昌市,南雄市,臺山市,開平市,鶴山市,恩平市,廉江市,雷州市 吳川市,高州市,化州市,高要市,四會市,興寧市,陸豐市,陽春市,英德市,連州市,普寧市,羅定市,海南,???三亞,瓊海,文昌,萬寧,五指山,儋州,東方,云南,昆明,曲靖,玉溪,保山,昭通,麗江,普洱,臨滄,安寧市,宣威市,個舊市,開遠市,景洪市,楚雄市,大理市,潞西市,瑞麗市,貴州,貴陽,六盤水,遵義,安順,清鎮市,赤水市,仁懷市,銅仁市,畢節市,興義市,凱里市,都勻市,福泉市,四川,成都,綿陽,德陽,廣元,自貢,攀枝花,樂山,南充,內江,遂寧,廣安,瀘州,達州,眉山,宜賓,雅安,資陽,都江堰市,彭州市,邛崍市,崇州市,廣漢市,什邡市,綿竹市,江油市,峨眉山市,閬中市,華鎣市,萬源市,簡陽市,西昌市,湖南,長沙,株洲,湘潭,衡陽,岳陽,郴州,永州,邵陽,懷化,常德,益陽,張家界,婁底,瀏陽市,醴陵市,湘鄉市,韶山市,耒陽市,常寧市,武岡市,臨湘市,汨羅市,津市市,沅江市,資興市,洪江市,冷水江市,漣源市,吉首市,武漢,襄樊,宜昌,黃石,鄂州,隨州,荊州,荊門,十堰,孝感,黃岡,咸寧,大冶市,丹江口市,洪湖市,石首市,松滋市,宜都市,當陽市,枝江市,老河口市,棗陽市,宜城市,鐘祥市,應城市,安陸市,漢川市,麻城市,武穴市,赤壁市,廣水市,仙桃市,天門市,潛江市,恩施市,利川市,河南,鄭州,洛陽,開封,漯河,安陽,新鄉,周口,三門峽,焦作,平頂山,信陽,南陽,鶴壁,濮陽,許昌,商丘,駐馬店,鞏義市,新鄭市,新密市,登封市,滎陽市,偃師市,汝州市,舞鋼市,林州市,衛輝市,輝縣市,沁陽市,孟州市,禹州市,長葛市,義馬市,靈寶市,鄧州市,永城市,項城市,濟源市,山西,太原,大同,忻州,陽泉,長治,晉城,朔州,晉中,運城,臨汾,呂梁,古交,潞城,高平,介休,永濟,河津,原平,侯馬,霍州,孝義,汾陽,陜西,西安,咸陽,銅川,延安,寶雞,渭南,漢中,安康,商洛,榆林,興平市,韓城市,華陰市,甘肅,蘭州,天水,平涼,酒泉,嘉峪關,金昌,白銀,武威,張掖,慶陽,定西,隴南,玉門市,敦煌市,臨夏市,合作市,青海,西寧,格爾木,德令哈,江西,南昌,九江,贛州,吉安,鷹潭,上饒,萍鄉,景德鎮,新余,宜春,撫州,樂平市,瑞昌市,貴溪市,瑞金市,南康市,井岡山市,豐城市,樟樹市,高安市,德興市,臺灣,臺北,臺中,基隆,高雄,臺南,新竹,嘉義,板橋市,宜蘭市,竹北市,桃園市,苗栗市,豐原市,彰化市,南投市,太保市,斗六市,新營市,鳳山市,屏東市,臺東市,花蓮市,馬公市 ,特別行政區,香港:中西區,東區,九龍城區,觀塘區,南區,深水埗區,黃大仙區,灣仔區,油尖旺區,離島區,葵青區,北區,西貢區,沙田區,屯門區,大埔區,荃灣區,元朗區,澳門:花地瑪堂區,圣安多尼堂區(花王堂區),望德堂區,大堂區,風順堂區(圣老楞佐堂區),離島,氹仔,路環,  
      37. </div>    
      38. <script type="text/javascript">    
      39.     function handle(){    
      40.         var data = datas.split(",");  
      41.         var word = document.getElementById('txt').value;  
      42.         var value = "";  
      43.         for(var i = 1;i < data.length;i++){  
      44.             if(word!="" && data[i].match(word+".*") != null){  
      45.                 value += "<a onclick=add('"+ data[i] +"') href='#'>" + data[i] + "</a><br/>";  
      46.             }  
      47.         }         
      48.         document.getElementById('msg').innerHTML=value;  
      49.     }   
      50.     function add(city){  
      51.         document.getElementById('txt').value=city;  
      52.     }  
      53.     //firefox下檢測狀態改變只能用oninput,且需要用addEventListener來注冊事件。     
      54.     if(/msie/i.test(navigator.userAgent))    //ie瀏覽器     
      55.         {document.getElementById('txt').onpropertychange=handle     
      56.     } else{//非ie瀏覽器,比如Firefox     
      57.     alert(1)  
      58.         document.getElementById('txt').addEventListener("input",handle,false);     
      59.     }  
      60.     var datas = document.getElementById('datas').innerHTML;  
      61.   
      62. </script>    
      63.   
      64. </body>  
      65. </html>  
      藍藍設計www.wtxcl.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

      每一個成功UI設計師的辛酸背后

      藍藍設計的小編

      每當夜深人靜,我們已經憨憨入睡的時候,可能還有一群人還坐在電腦前,尋找著靈感,為的是第二天要交稿的設計更有創意而不停的改來改去。他們就是那些苦逼的UI設計師。

      清除浮動的八種方法

      seo達人

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里 

      浮動是什么?

      浮動元素會脫離文檔流進行左浮或者右浮,直到碰到父級元素或者其他的浮動元素。

      為什么清除浮動:浮動會導致父元素高度坍塌,因為浮動脫離文檔流,浮動以后不占文檔流的位置,撐開的父元素高度肯定會坍塌。

      清除浮動的八種方法:

      1、父級div給出固定的高度。手動定義height,這樣就解決了父級元素獲取不到高度的問題。

      優點:代碼量少,簡單容易掌握。

      缺點:只適合高度固定的布局,如果高度和父級div不同會出現問題。

      2、overflow,設置overflow:hidden。

      優點:代碼少,瀏覽器支持。

      缺點:會把超出的部分隱藏起來,而且不能配合position使用

      3、額外標簽,添加一個新的標簽,如div,或者br,并且設置標簽的屬性clear:both;清除浮動,讓父級能自動獲得高度。

      優點:代碼少,瀏覽器支持,不會各種問題。

      缺點:會有很多空的div或者br。

      4、使用單偽類after和zoom,使用方法:

      .clearfloat:after{

        content:"";//設置內容為空

        height:0;//高度為0

        line-height:0;//行高為0

        display:block;//將文本轉為塊級元素

        visibility:hidden;//將元素隱藏

        clear:both//清除浮動

       }

        .clearfloat{

       zoom:1;為了兼容IE

          }

      優點:瀏覽器支持好,大型的瀏覽器都在使用,建議使用。

      缺點:代碼多,需要after和zoom都要使用才能兼容主流的瀏覽器。

      5、雙偽類清除浮動。使用方法:

      .clearfloat:before,.clearfloatafter {

                       content: "";

                       display: block;

                        clear: both;

                   }

                  .clearfloat {

                       zoom: 1;

                 }

      缺點:不嚴謹不建議使用

      6、父級div跟著浮動,所有代碼一起浮動就會形成一個整體,

      缺點:會產生新的問題,不建議使用。

      7、父級定義display:table;將div屬性變成的表格。

      缺點:產生新的問題,而且影響布局。

      8、overflow:auto;需要設置width,不設置height,瀏覽器會自動檢測浮動區的高度。

      缺點:容易生成滾動條。

      藍藍設計www.wtxcl.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務





      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.wtxcl.cn

      存檔

      主站蜘蛛池模板: 高潮抽搐潮喷毛片在线播放 | 亚洲乱人伦aⅴ精品| 香格里拉县| 欧美a级在线现免费观看| 深夜福利网址| 久久内射| 麻豆国产| 狠狠干视频网站| 日本高清二区| 日韩精品一区二区三区不卡| 最新国产乱人伦偷精品免费网站| 麻豆AV电影| 国产精品视频久久久| 中文无码日本一级A片久久影视| 97人人干| 铁岭县| 亚洲熟妇乱子伦在线| 在线观看 av香蕉| 一本无码人妻在中文字幕免费| 人人插人人| 国内老熟妇对白XXXXHD| 亚洲成a人片77777国产| 偶偶福利影院| av中文在线天堂| 余干县| JAPANESE精品中国少妇| canopen草棚类别9791怎么查| 亚洲第一色区| 东京热大乱w姦| 国产无码精品在线播放| 亚洲熟女国产熟女二区三区| 国产资源网| 亚洲无码中出| 国产精品视频超级碰| 中文字幕日本最新乱码视频| AV色综合| 精品自拍视频| 波多野结衣午夜影院| 国产成人无码久久久久毛片| 99re在线观看视频| 涩涩97|