3lessons: ux

‏إظهار الرسائل ذات التسميات ux. إظهار كافة الرسائل

IKAM – 264 vector icons

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWQQcS7TRJspte-I0RwZmlavoVDselMLDRYDUVWOmnK81xnL-X-Y_LDvJ7n-ymyxgch0Kv_iPvv-ZzjT8XBht7_pK_DGPbBEllwfW0Uf4kfVjyc0S4dRI6ap78FUDvTpCCEX12ucML0M9/s1600/preview.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWQQcS7TRJspte-I0RwZmlavoVDselMLDRYDUVWOmnK81xnL-X-Y_LDvJ7n-ymyxgch0Kv_iPvv-ZzjT8XBht7_pK_DGPbBEllwfW0Uf4kfVjyc0S4dRI6ap78FUDvTpCCEX12ucML0M9/s320/preview.png" width="123" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="text-align: right;"><b>IKAM </b></span>is a set of <strong>264 hand crafted, scalable vector icons</strong> for designers and developers. This pack includes <strong>SVG</strong>, <strong>AI</strong>, <strong>ESP</strong>, <strong>PSD</strong>, <strong>CSH</strong> and <strong>PNG</strong> formats.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="http://graphicriver.net/item/-ikam-premium-flat-icon-set-/6235508" target="_blank">Download</a></div>
</div>

IKAM – 264 vector icons

IKAM is a set of 264 hand crafted, scalable vector icons for designers and developers. This pack includes SVG , AI , ESP , PSD ...

مزيد من المعلومات »

6:56 ص

Wireframe Kit 2.0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2wG_C4qP74ZqKMZHarmTkx-yFfJHA3WZ289JSymGL3lvkqLs6qCTNh9M_lDlSJdI7gPfyMy3dPMT_pNzj507htRXPgZRZRtsHSzaU245Ha8MeA9tyPappx_TkcN6vSSOt9UDRm2Va5w96/s1600/wireframe-kit-2-0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2wG_C4qP74ZqKMZHarmTkx-yFfJHA3WZ289JSymGL3lvkqLs6qCTNh9M_lDlSJdI7gPfyMy3dPMT_pNzj507htRXPgZRZRtsHSzaU245Ha8MeA9tyPappx_TkcN6vSSOt9UDRm2Va5w96/s320/wireframe-kit-2-0.jpg" width="320" /></a></div>
<br />
<br />
<div style="text-align: left;">
<strong>Wireframe Kit 2.0</strong> includes over <strong>175 templates</strong> and <strong>500 UI elements for web</strong>, tablet and mobile devices to help speed up your UX workflow. Delivered in .AI vector format.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b><a href="http://wireframe%20kit%202.0%20includes%20over%20175%20templates%20and%20500%20ui%20elements%20for%20web%2C%20tablet%20and%20mobile%20devices%20to%20help%20speed%20up%20your%20ux%20workflow.%20delivered%20in%20.ai%20vector%20format./" rel="nofollow" target="_blank">Download</a></b></div>
</div>

Wireframe Kit 2.0

Wireframe Kit 2.0 includes over 175 templates and 500 UI elements for web , tablet and mobile devices to help speed up your UX workf...

مزيد من المعلومات »

3:17 ص

Teal UI Kit

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMU-YfEx-85LVBmCM9yBqo_tr5dDWGpVXJbiPH0vnHqlvmVJNE_xc8K1p8epSng6kjWOa4JIHI8nID5eVm0K0R0X8Oh9f9S5fFSFMQCJXAI6GuFXDJggX1_f9U7VZIsfFPbCwfEHmT___3/s1600/timthumb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMU-YfEx-85LVBmCM9yBqo_tr5dDWGpVXJbiPH0vnHqlvmVJNE_xc8K1p8epSng6kjWOa4JIHI8nID5eVm0K0R0X8Oh9f9S5fFSFMQCJXAI6GuFXDJggX1_f9U7VZIsfFPbCwfEHmT___3/s1600/timthumb.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: left;">
Teal is a modern flat UI kit that will help you create website designs in minutes. The free sample includes, as you can see in the above image, buttons in two styles, one horizontal and one vertical menu.  The kit, available at Creative Market, contains 2 PSD files, fully layered and well organized. All elements are grouped and labeled for easy editing. All elements are shapes, fully editable and scalable. The font used is Arial.  - See more at: http://webdesignerlab.com/psd-files/teal-ui-kit#sthash.1KEwDWHI.dpuf</div>
</div>

Teal UI Kit

Teal is a modern flat UI kit that will help you create website designs in minutes. The free sample includes, as you can see in the a...

مزيد من المعلومات »

11:37 م

Mega Flat UI Kit

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCoowIEIdQ-d8HLqF2_hHbkIWDV2cyZvAB62qJ2OOOKskkSotfM6a3tn9QQiLg_S5NRCRJpIhjlVwl2DjCId3fVI5NYzCSbWPITc_kayOKookO71i5l6oiRsPHlUTbXYfrEuDWXetkjYWa/s1600/mega_flat_ui_kit_by_slayerd1-d6dxr4a.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCoowIEIdQ-d8HLqF2_hHbkIWDV2cyZvAB62qJ2OOOKskkSotfM6a3tn9QQiLg_S5NRCRJpIhjlVwl2DjCId3fVI5NYzCSbWPITc_kayOKookO71i5l6oiRsPHlUTbXYfrEuDWXetkjYWa/s1600/mega_flat_ui_kit_by_slayerd1-d6dxr4a.png" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Same Mega UI Kit as before just this is a flat version. The flat version has a few small changes with the font, icons used as well as long shadows introduced in the social media icons and buttons. </div>
</div>

Mega Flat UI Kit

Same Mega UI Kit as before just this is a flat version. The flat version has a few small changes with the font, icons used as well a...

مزيد من المعلومات »

11:16 م

Flat UI kit

Flat UI kit

مزيد من المعلومات »

11:05 م

Freebie: Portfolio Template

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGEK6T8KOj-q7_EXVrzPgm6WB8ciE5gKCx0otbFuZ5Uye2yvOkn5QkrJ9rN3_KceAGc4Lhw1dTZ4gGMad4jDRTxyA7y1DlnlopyQIW1bRuRSuADR_KmLoazxsJwUHNvlU6JX7g0Dw7ak0W/s1600/hexal-feature.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGEK6T8KOj-q7_EXVrzPgm6WB8ciE5gKCx0otbFuZ5Uye2yvOkn5QkrJ9rN3_KceAGc4Lhw1dTZ4gGMad4jDRTxyA7y1DlnlopyQIW1bRuRSuADR_KmLoazxsJwUHNvlU6JX7g0Dw7ak0W/s1600/hexal-feature.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Hexal is a single page portfolio template that came out as a by product of various design experimentations with hexagons. In all honesty, initially I wanted to create a grid system solely based on hexagons, but the task was literally driving me crazy, and I cant image what it would have been like coding something like that.</div>
<div style="text-align: left;">
As with most of my freebies, everything used is freely available for download. The font for the heading that I am using here is called Maven Pro, while the font for the body is Lato. The place holder images of the portfolio are creations of Juan Carlos Paz, make sure you check out his portfolio you will be very pleasantly surprised.</div>
<div style="text-align: left;">
I will release a CSS version of this template also, but it will take a few weeks. Since at the moment I am finishing up the documentation for the Flato UI Kit, and after that Ill start working on Singolo. Make sure you subscriber to my newsletter and I will let you know when its done.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="http://www.psdchat.com/download/hexal-psd.zip"><b><span style="color: red;">Download</span></b></a></div>
</div>

Freebie: Portfolio Template

Hexal is a single page portfolio template that came out as a by product of various design experimentations with hexagons. In all hon...

مزيد من المعلومات »

10:28 م

Flato Lite: Free Flat User Interface Kit

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_act_inHqPKARWiym5uxziZ9NntNTAPYVbo1169ogLb5dcxKumnf-Ijm224QpShGmiFvSmDNuahq18_8TfrtRnTiuquQdarRV6nUq_m0n1BX6eIC8TX9skrWqgD9_sSogWEuJnY_7otrX/s1600/flato_lite__free_flat_user_interface_kit_by_psdchat-d6s53lg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_act_inHqPKARWiym5uxziZ9NntNTAPYVbo1169ogLb5dcxKumnf-Ijm224QpShGmiFvSmDNuahq18_8TfrtRnTiuquQdarRV6nUq_m0n1BX6eIC8TX9skrWqgD9_sSogWEuJnY_7otrX/s1600/flato_lite__free_flat_user_interface_kit_by_psdchat-d6s53lg.jpg" width="238" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Flato Lite: Free Flat User Interface Kit </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="background-color: #dae5d6; font-family: Verdana, sans-serif; font-size: 12px;">// Download Freebie: </b><a class="external" href="http://www.deviantart.com/users/outgoing?http://www.psdchat.com/resources/freebie-flat-user-interface-kit/" style="background-color: #dae5d6; color: #3b5a4a; display: inline-block; font-family: Verdana, sans-serif; font-size: 12px; zoom: 1;">Click Here</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
</div>

Flato Lite: Free Flat User Interface Kit

. Flato Lite: Free Flat User Interface Kit // Download Freebie: Click Here

مزيد من المعلومات »

10:15 م