今天使用和设计了一个metro风格的移动app或者微信微网站的界面 

 

程序的源代码可以从此处获得：https://github.com/mz121star/weixin-metro

 

有喜欢的朋友可以拿去修改一下。

1   2 
       4 
       6 
       8 
       9  
      10  11     
      12     
      13      14     
      15     
      16  17     
      18  19     
      20  21  22     
      23     
      24     
      25     
      26     
      27     
      28  29      30  31  32  33  34  35 
     
       36     
      
        37         
       
         38             
        
          39                 
         
           40                     
           41                 
         
 42  43                 
         
           44                     
           45                 
         
 46  47                 
         
           48                     
           49                 
         
 50  51                 
          52                 
          53                 
         
           54                     
          
            55 
           
 56 
           
 57 
           
 58 
          
 59                 
         
 60             
        
 61  62         
       
 63     
      
 64     
      
        65         
       
         66             
        
          67                 
         
           68                     
           69                 
         
 70                 
         
           71                     
          已购买宠物 72                 
         
 73             
        
 74         
       
 75         
       
         76             
        
          77                 
         
           78                     
           79                 
         
 80                 
         
           81                     
          宠物视频 82  83                     
          
 84                 
         
 85             
        
 86         
       
 87         
       
         88             
        
          89                 
         
           90                     
           91                 
         
 92                 
         
           93                     
          宠物监控 94  95                     
          
 96                 
         
 97             
        
 98         
       
 99     
      
100     
      
       101         
       
        102 103 104             
        
         105                 
         
          106                     
          107                 
         
108                 
         
          109                     
          宠物领养110 111 112                 
         
113             
        
114         
       
115         
       
        116             
        
         117                 
         
          118                     
          119                     
          120                     
          121                     
          122                     
          123                 
         
124             
        
125 126         
       
127        
       134     
      
135     
      
       136         
       
        137 138 139             
        
         140                 
         
          141                     
          142                 
         
143                 
         
          144                     
          宠物百科145 146 147                 
         
148             
        
149         
       
150         
       
        151 152 153             
        
         154                 
         
          155                     
          156                 
         
157                 
         
          158                     
          常见问题159 160 161                 
         
162             
        
163         
       
164         
       
        165 166 167             
        
         168                 
         
          169                     
          170                 
         
171                 
         
          172                     
          联系我们173 174 175                 
         
176             
        
177         
       
178     
      
179 180 
     
181        
     
182     
     
      183         
      
       184             
       
        185                 
              186             
       187             
            
         
       188 189             
        
         
       190         
      
191     
     
192 193 194 195 
     196 197 198 199 200 201 
     203 211 
     212 215 216 

 

　　

 这里主要使用了bootstrap的响应式设计和metroui的win8 metro风格！网站适配各种大小的屏幕。当然，还是在手机上看会更漂亮一些！

 

 

 

 

 更多web设计内容可参考：