來自iStock的相關圖片 | 現在保存 arrow-right

671個免費的flat庫存PSD模板和模型

個人和商業用途的flatPhotoshop 文件

簡單的按鈕
<p><img class="alignnone size-full wp-image-4498" alt="simple button1 Simple Button" src="HTTP://www.freebiesgallery.com/wp-content/uploads/2012/12/simple-button1.png" width="700" height="400" title="Simple Button"/></p> <p>Hello Freebers!作為這一天我們免費享受這些簡單的按鈕設計 ！如果你正在尋找一個簡單的按鈕，然後，您可以選擇在我們收集。這些 <a href="HTTP://www.freebiesgallery.com/buttons/"> web 按鈕</a> 在他們的設計非常簡單，因為這是一個平面按鈕集，淺灰色，當然您可以稍後更改以適應您的網站的色彩配置，他們看起來非常現代的 web 網站。</p><p>在這個簡單的按鈕設計方案集，你會發現變化大的、 小的、 長方形、 正方形和圖示按鈕可供選擇。下載此設置今天的平面按鈕 ！</p><p>快樂設計 ！</p>
按鈕 平面設計 使用者介面

簡單的按鈕

平 iPhone 5 C 樣機範本
<p><img class="alignnone size-full wp-image-4490" alt="flat iphone 5c mockup templates Flat iPhone 5C Mockup Template" src="HTTP://www.freebiesgallery.com/wp-content/uploads/2014/02/flat-iphone-5c-mockup-templates.png" width="800" height="657" title="Flat iPhone 5C Mockup Template"/></p> <p><img alt="flat iphone 5c mockup templates 2 Flat iPhone 5C Mockup Template" src="HTTP://www.freebiesgallery.com/wp-content/uploads/2014/02/flat-iphone-5c-mockup-templates-2.png" width="800" height="313" title="Flat iPhone 5C Mockup Template"/></p> <p>Despite Samsung's aggressive market penetration strategies, Apple remains an unmistakable force in the hand-held digital devices market.然而，如你所知，蘋果已經提供的要求作出反應的價格敏感型消費者一些產品適應。因此，當蘋果公司決定推出 iPhone 5s 去年，他們也推出了他們的電話，命名為 iPhone 5 c.相對便宜版本</p><p>移動應用程式開發的兩個手機版本是精確相同的因為它們支援相同的硬體功能。對於設計師，事情可能有點棘手。原因： 這兩款手機看起來不同。便宜的版本，5 c，由蘋果作為手機銷售，u"'"： 多彩的 ufor'，進來的表現力和充滿活力的顏色陣列。</p>我們已經共用了 <p>與您 <a title="Flat iPhone 5S Psd Vector Mockup"href="HTTP://www.freebiesgallery.com/flat-iphone-5s-psd-vector-mockup/"rel="bookmark"> 平 iPhone 5S Psd 向量模型</a>。保持在視圖中的 iPhone 5 c 不同的外觀，我們決定另一個平 iPhone 5 c 樣機範本 PSD 設計的設計師。與眾不同的 5 C 邊框很容易辨認。</p><p>就像 iPhone 5s 版本，你可以使用這種 <a href="HTTP://www.freebiesgallery.com/tag/flat-design/"> 平面範本設計</a> 作為樣機框架為任何 iPhone 的應用添加一點點的那些富有表現力的 5 c 顏色到邊界，使您的應用程式給補充您的應用程式設計的精確的視覺外觀。</p>
iphone iphone 線框 小樣

平 iPhone 5 C 樣機範本

刪除按鈕
<p><img class="alignnone size-full wp-image-4511" alt="delete button psd Delete Button" src="HTTP://www.freebiesgallery.com/wp-content/uploads/2014/02/delete-button-psd.png" width="700" height="300" title="Delete Button"/></p> <p>Our Freebie of the day is this <a href="HTTP://www.freebiesgallery.com/simple-button/">simple button</a> that you can use whenever and wherever you want to perform a delete function on your website, so if you're looking for a delete button, download this freebie today!</p><p>其 web 按鈕 <a href="HTTP://www.freebiesgallery.com/gui/"> GUI</a> 是清晰和易於理解，一目了然的整潔的設計和圖示，所以使用者會有沒有歧義時要執行的刪除功能。出於這個原因，所以使用者可以確定他們想要刪除的東西，會添加一個預防的按鈕。它將顯示這些選項，當使用者將滑鼠懸停在它並要求確認該操作之前按一下最後一個選項。因此，它是刪除按鈕完成流程。</p><p>快樂下載 ！</p>
按鈕 平面設計 使用者介面

刪除按鈕

平面按鈕 PSD
<p>嗨夥計們 ！在今天的帖子中我們會能平按鈕 PSD 與你分享作為我們免費一天 ！當你設計一個平坦的網站的設計時，這些 <a href="HTTP://www.freebiesgallery.com/flat-buttons/"> 平面按鈕</a> 會來救你，和裝飾您的網站與他們歡快的顏色和可愛的小圖示。他們都是同一家庭中的顏色，所以如果你在設計網站的相同或相似的顏色，你會發現他們非常方便。</p><p>我們已經共用了一些有用的資源和你一起在我們以前的文章，對平面設計，所以你可以隨時使用這些 <a href="HTTP://www.freebiesgallery.com/tag/flat-design/"> 平面按鈕免費贈品</a> 和隨時自訂它們，正如他們在 psd 格式中可用。讓您的網站開始，或者如果你讓一個網站模型，那麼這些平面按鈕將説明您和您的用戶端，設想您的網站將的看像。所以去吧，抓住它 ！</p>
按鈕 平面設計 使用者介面

平面按鈕 PSD

平社交按鈕
<p>在幾周前，與你分享 <a href="HTTP://www.freebiesgallery.com/social-media-bar/"> 社會媒體欄</a> 和 <a href="HTTP://www.freebiesgallery.com/social-media-buttons/"> 社會媒體按鈕</a>。今天，我給你帶來另一種美麗的、 現代化的平社交按鈕 psd 範本。如你所知是利用平面設計的最新趨勢現在和作為一名設計師感覺的到你會愛上這個免費的東西。</p><p>下載社交按鈕和共用您的回饋 ！</p>
按鈕 平面設計 社會

平社交按鈕

平登錄 PSD
<p>在以前的文章，我與你分享的登錄 psd 範本包括 <a href="HTTP://www.freebiesgallery.com/admin-login/"target="_blank"> 管理員登錄</a>、 <a href="HTTP://www.freebiesgallery.com/login-template/"target="_blank"> 登錄範本</a>、 <a href="HTTP://www.freebiesgallery.com/login-web-page-template/"target="_blank"> 登錄 Web 頁範本</a> 和 <a href="HTTP://www.freebiesgallery.com/login-page-template-psd/"target="_blank"> 登錄頁範本</a> 的數目。</p><p>今天我帶給你另一個現代而美麗的平登錄的設計。我創建了這種設計使用平面設計方法，因為平面設計是所有憤怒這些日子。它還包括社會媒體登錄選項，已成為現代 web 網站的基本特徵。</p><p>希望你能喜歡我的設計工作，分享你的回饋意見。</p>
平面設計 使用者介面 範本

平登錄 PSD

夏天 Ui 工具組免費
<p>說你好對夏季 UI 工具組 ！ < br / > 它是免費的只是 <strong><a href="HTTP://uichest.com/files/summer.zip"rel="nofollow"> 抓住它</a></strong>!</p><p>和這裡是我的 <a href="HTTPs://www.behance.net/gallery/18308887/Summer-UI-Kit-Free"rel="nofollow"> 演示文稿在 Behance</a>。</p><p>我希望你喜歡它;)</p><p>-< br / > 敬請關注： < br / > <a href="HTTP://behance.net/flexrs"rel="nofollow"> Behance</a> |<a href="HTTP://facebook.com/flexibledesign"rel="nofollow"> Facebook</a> |<a href="HTTPs://creativemarket.com/flexrs?u=flexrs"rel="nofollow"> 創意市集</a></p>
使用者介面 介面 使用者介面工具組

夏天 Ui 工具組免費

社會圖示字體
<p><img class="alignnone size-full wp-image-4876" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/social-icons-font.jpg" alt="social icons font Social Icons Font" width="800" height="501" title="Social Icons Font"/></p> <p>Today I’m sharing with you all a very useful freebie social icons font that I created using <a href="http://fontastic.me/" target="_blank">fontastic.me</a>. You can embed these icons directly into your webpages without reducing the quality and its real easy to add them.</p> <h3>How to Use:</h3> <p>1. Download the font and unzip it:</p> <p><img class="alignnone size-full wp-image-4873" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/1.png" alt="1 Social Icons Font" width="620" height="86" title="Social Icons Font"/></p> <p>2. Add the CSS file , u"”": ustyles.css” to your project, and link to it from your HTML page.</p> <p>3. Copy the , u"”": ufonts” folder into your website project:</p> <p><img class="alignnone size-full wp-image-4874" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/2.png" alt="2 Social Icons Font" width="620" height="122" title="Social Icons Font"/></p> <p>4. Insert the icon class name into any HTML tag to add the icon. The default CSS class prefix is , u"’": uicon-’:</p> <p><img class="alignnone wp-image-4875 size-full" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/5.png" alt="5 Social Icons Font" width="620" height="225" title="Social Icons Font"/></p>
平面設計 平面圖標 設計

社會圖示字體

Feedback Form
Hello Freebers! In our freebie of the day, we’re giving away a free feedback form template with a sleek, beautiful design! If you’re looking for a simple, striking free form template then you’ve come to right place, download this freebie today! With its sleek and beautiful design, you’ll impress your clients as you leave feedback for them through this feedback form sample. Encased in a beautiful blurred background box, this feedback form template uses soft pastel shades in blue and grey tones. People can interact with this form by typing in their full name, email address and feedback in the small space reserved for it. Clients can them read and take their feedback later. Online feedback is instantaneous and quick and is quite resourceful for online marketers and advertisers. It’s a quick and easy way to share your feedback with the rest of the world and gives people the option to voice their opinion, where before it was not even thought of. So download this feedback form sample today and start making waves! Conclusion: Feedback as an important part of online marketing so never underestimate the power of people’s opinions and feedback; serve them with a professional feedback options such as this one.
平面設計 模態框 使用者介面設計

Feedback Form

向量平板設備和 GIF 動畫
<p><img class="alignnone size-full wp-image-4668" alt="vector flat idevices Vector Flat iDevices and GIF Animations" src="http://www.freebiesgallery.com/wp-content/uploads/2014/04/vector-flat-idevices.jpg" width="800" height="1600" title="Vector Flat iDevices and GIF Animations"/></p> <p>This is a set of 4 Vector Flat Devices desktop, laptop, tablet and phone. Each device comes with a GIF animation. The animation can be used like design element or simple like a preloader in a website or app. You can edit the appearance or animation with the Timeline tool in Photoshop.</p> <h3>iMac Gif Animation</h3> <p><img class="alignnone size-full wp-image-4670" alt="imac animation Vector Flat iDevices and GIF Animations" src="http://www.freebiesgallery.com/wp-content/uploads/2014/04/imac-animation.gif" width="700" height="350" title="Vector Flat iDevices and GIF Animations"/></p> <h3>iMac</h3> <p><img class="alignnone size-full wp-image-4678" alt="imac Vector Flat iDevices and GIF Animations" src="http://www.freebiesgallery.com/wp-content/uploads/2014/04/imac.png" width="700" height="500" title="Vector Flat iDevices and GIF Animations"/></p> <h3>Macbook Gif Animation</h3> <p><img class="alignnone size-full wp-image-4671" alt="macbook gif animation Vector Flat iDevices and GIF Animations" src="http://www.freebiesgallery.com/wp-content/uploads/2014/04/macbook-gif-animation.gif" width="700" height="350" title="Vector Flat iDevices and GIF Animations"/></p> <h3>Macbook</h3> <p><img class="alignnone size-full wp-image-4681" alt="macbook Vector Flat iDevices and GIF Animations" src="http://www.freebiesgallery.com/wp-content/uploads/2014/04/macbook.png" width="700" height="500" title="Vector Flat iDevices and GIF Animations"/></p> <h3>iPad Gif Animation</h3> <p><img class="alignnone size-full wp-image-4673" alt="ipad gif animation Vector Flat iDevices and GIF Animations" src="http://www.freebiesgallery.com/wp-content/uploads/2014/04/ipad-gif-animation.gif" width="700" height="350" title="Vector Flat iDevices and GIF Animations"/></p> <h3>iPad</h3> <p><img class="alignnone size-full wp-image-4679" alt="ipad Vector Flat iDevices and GIF Animations" src="http://www.freebiesgallery.com/wp-content/uploads/2014/04/ipad.png" width="700" height="500" title="Vector Flat iDevices and GIF Animations"/></p> <h3>iPhone Gif Animation</h3> <p><img class="alignnone size-full wp-image-4674" alt="iphone gif animation Vector Flat iDevices and GIF Animations" src="http://www.freebiesgallery.com/wp-content/uploads/2014/04/iphone-gif-animation.gif" width="700" height="350" title="Vector Flat iDevices and GIF Animations"/></p> <h3>iPhone</h3> <p><img class="alignnone size-full wp-image-4680" alt="iphone Vector Flat iDevices and GIF Animations" src="http://www.freebiesgallery.com/wp-content/uploads/2014/04/iphone.png" width="700" height="500" title="Vector Flat iDevices and GIF Animations"/></p> <p>It was made for Illustrator CS5 / Photoshop CS5 and above. Files included within this download are as follows:</p> <ul><li>Documentation for use. (this file)</li> <li>Main Vector EPS file.</li> <li>Main Vector Illustrator file.</li> <li>Main PSD file.</li> <li>PNG files of each device. (inside PNGs folder)</li> <li>GIF + PSD of animations. (inside GIFs folder)</li> </ul>
imac ipad iphone

向量平板設備和 GIF 動畫

地鐵共鳴 UI 工具組
<p>Every front-end developer or designer creating huge amounts of code to make UI kits realizes the process can quickly become unmanageable and complex. Developing creative design elements including visual controls, sliders, <a href="http://www.freebiesgallery.com/icons/" target="_blank">icons</a> and <a href="http://www.freebiesgallery.com/buttons/" target="_blank">buttons</a> can create wasted hours of time to get each one right.</p> <p>There is, however, an easy solution. The people at <a href="http://pixelkit.com/" target="_blank">PixelKit</a> are offering a simple solution through the quality designed UI kits and icon sets. This phenomenal library is filled with professional-style UI kits along with other resources ideal for the developer.</p> <p>The Metro Vibes UI kit here offers users a great way to create a high quality site that offers the look and feel that you want. This kit features a number of various options and elements, including a pricing table, a message field, weather field, <a href="http://www.freebiesgallery.com/vector-preloader/" target="_blank">progress bar</a>, and more. The freebie kit features layered PSDs along with more than 30 different elements. These elements all have the same style and appearance, which will help to make it easier to create a site that has a unified aesthetic appearance. In addition, Metro Vibes UI Kit offers <a href="http://www.thedesignwork.com/typography-design-inspiration-1/" target="_blank">great typography</a>, blogging elements, and everything you need to develop a site.</p>
平面設計 圖示 使用者介面設計

地鐵共鳴 UI 工具組

功能表範本
<p>Hello there designers! As our freebie of the day, we’ll be sharing with you a great, neat looking <a href="http://www.freebiesgallery.com/responsive-website-navigation/">menu design template</a>. This free menu template is neat, sophisticated and would look great for all your web projects.</p> <p>This menu template shows users the first option of the menu, while they are in the file option. The other options in tabular form which the users can opt from later, are seen in the background as Edit, View, Insert, Format, Window and Help. So in short, it gives a lot of options for users to choose from later. What we like best in this menu template is its clean look and appearance and clear text and small icons. While in the file tab, users will see the options of New, Open, Recent Documents, Save, Save As, Export, Print and Exit, and is highlighting the options of website map, client brief, web design requirements, meta information, usability fixes as examples of Recent Documents.</p> <p>Download this <a href="http://www.freebiesgallery.com/horizontal-navigation-menus/">free menu template</a> today!</p>
下拉清單 平面設計 功能表

功能表範本

平社交按鈕
<p>A few weeks earlier, I shared with you <a href="http://www.freebiesgallery.com/social-media-bar/">Social Media Bar</a> and <a href="http://www.freebiesgallery.com/social-media-buttons/">Social Media Buttons</a>. Today, I bring you another beautiful and modern flat social buttons psd template. As you know flat design is the latest trend now a days and as a designer I feel you’d love this freebie.</p> <p>Download the social buttons and share your feedback!</p>
按鈕 平面設計 社會

平社交按鈕

來自iStock的相關圖片 | 現在保存 arrow-right