tag:blogger.com,1999:blog-77189261025469254452012-02-16T09:52:59.674+03:30Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.comBlogger48125tag:blogger.com,1999:blog-7718926102546925445.post-55040253359548076562011-03-24T15:16:00.000+04:302011-06-12T19:44:38.053+04:302011-06-12T19:44:38.053+04:30<div dir="rtl" style="text-align: right;" trbidi="on">تیم تجارب کاربری بنیاد موزیلا در ویدئو زیر توضیحاتی در مورد طراحی رابط کاربری <a href="http://www.mozilla.com/">فایرفاکس نسخه ی 4</a> که عرضه شد میدهند .<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="390" src="http://www.youtube.com/embed/JniNcwfe8DA" title="YouTube video player" width="640"></iframe><br /> <br /> <a href="http://blog.mozilla.com/faaborg/2011/03/22/firefox-4s-new-user-interface/">منبع : وبلاگ الکس فابورگ</a></div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-5504025335954807656?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-2720573577180426932011-03-23T12:59:00.000+04:302011-06-12T19:44:38.053+04:302011-06-12T19:44:38.053+04:30<div dir="rtl" style="text-align: right;" trbidi="on">یکی از مواردی که در در فروش بسیار تاثیرگزار است بسته بندی و اصطلاحا رنگ و لعاب بسته بندی است ، در صنعت اینترنت و فروشگاه های الکترونیکی یکی از مواردی که در فروش بسیار تاثیر گزار است رابط کاربری مناسب وب سایت است که باعث میگردد تا کاربر جذب این وب سایت ها گردد و مدت زمان زیادی را در یک وب سایت سپری کند و نهایتا به خرید منجر گردد<br /> <br /> <a href="http://www.varchin.com/">فروشگاه الکترونیکی ورچین</a> یکی از این وب سایت ها است که رابط کاربری بسیار مناسبی را برای وب سایت خود در نظر گرفته است که در ادامه به بررسی اجمالی آن میپردازیم .<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://lh5.googleusercontent.com/-04KQ7ZpHrrM/TYmqRm1tMdI/AAAAAAAACAc/-gerKtm-hJ8/s1600/varchin1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://lh5.googleusercontent.com/-04KQ7ZpHrrM/TYmqRm1tMdI/AAAAAAAACAc/-gerKtm-hJ8/s400/varchin1.jpg" width="400" /></a></div><br /> <br /> 1. نشانه ( لوگو )<br /> طراحی لوگوی مجموعه ی ورچین را <a href="http://www.rasoolkamali.com/">رسول کمالی</a> انجام داده است ، نشان دهنده ی دست در حالت باز کردن یک هدیه است<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-d2RFRLQjHUU/TYmolE5xgaI/AAAAAAAACAQ/BUebZeWUlNY/s1600/varchin-logo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://lh3.googleusercontent.com/-d2RFRLQjHUU/TYmolE5xgaI/AAAAAAAACAQ/BUebZeWUlNY/s320/varchin-logo.gif" width="320" /></a></div><br /> <br /> 2. مجموعه ی اوراق اداری<br /> اوراق اداری و طراحی گرافیکی ورچین را باز هم رسوال کمالی انجام داده است ، البته در مجموعه ی اوراق اداری حالت قلب بین انگشت سبابه و شست برداشته شده است<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-HiZTf0t3MCA/TYmo_BMxvKI/AAAAAAAACAU/RM57JLIwTMQ/s1600/varchin-bs.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://lh3.googleusercontent.com/-HiZTf0t3MCA/TYmo_BMxvKI/AAAAAAAACAU/RM57JLIwTMQ/s320/varchin-bs.jpg" width="320" /></a></div>&nbsp;3. وب سایت<br /> وب سایت ورچین توسط تیم طراحی <a href="http://www.adpdigital.com/">شرکت آتیه پرداز دیجیتال</a> طراحی شده است که به نظر من یکی از بی نقص ترین طراحی رابط کاربری در بین وب سایت های فارسی زبان است ، استفاده مناسب از رنگ ها و چیدمان بسیار مناسب وب سایت ورچین باعث شده تا کاربر بتونه خیلی سریع به بخش های مختلف وب سایت دسترسی داشته باشه<br /> <br /> قسمت Header<br /> در این بخش منوی بسیار مناسبی طراحی شده و همچنین بخش هایی که کاربر در هنگام وارد شدن به سایت و خرید نیاز داره به صورت مناسبی در اختیار کاربر قرار داده شده است<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://lh6.googleusercontent.com/-ErLQZWWzt50/TYmq7yexCwI/AAAAAAAACAg/Zf1Uq4OYij8/s1600/varchin-header.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://lh6.googleusercontent.com/-ErLQZWWzt50/TYmq7yexCwI/AAAAAAAACAg/Zf1Uq4OYij8/s400/varchin-header.jpg" width="400" /></a></div>قسمت Menu<br /> قسمت منو یا نوار راهبری بسیار مناسبی برای ورچین طراحی شده است ، کاربر با کلیک کردن بر روی هر گزینه بدون مراجعه به صفحه ی مذبور میتواند اطلاعات جامعی به بخش های زیر مجموعه دست پیدا کند که دسترسی بسیار سریع تری به سایر بخش های سایت داشته باشد ، اطلاعات دسته بندی بخش ها و همچنین پرفروش ترین محصولات باعث شده تا کاربر نیازی به گردش زیاد در بین صفحات را نداشته باشد<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://lh5.googleusercontent.com/-oksyatgeTRk/TYmsDLc3fLI/AAAAAAAACAk/7A_ikdF2hak/s1600/varchin-menu1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://lh5.googleusercontent.com/-oksyatgeTRk/TYmsDLc3fLI/AAAAAAAACAk/7A_ikdF2hak/s400/varchin-menu1.jpg" width="400" /></a></div><br /> یکی از موارد جالب در این سایت بخش ویژه ی نوروز با عنوان "عیدانه" بود که تصویر سازی بسیار مناسبی برای این بخش انجام شده بود ، تصویر سازی در وب سایت ها یکی از قطعات گم شده در طراحی وب سایت های ایرانی است .<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://lh6.googleusercontent.com/-fW7JVYGz6hk/TYmsd9c5wXI/AAAAAAAACAo/NvqoOBJmU3w/s1600/varchin-menu2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://lh6.googleusercontent.com/-fW7JVYGz6hk/TYmsd9c5wXI/AAAAAAAACAo/NvqoOBJmU3w/s400/varchin-menu2.jpg" width="400" /></a></div><br /> محتوای وب سایت<br /> در صفحه ی اول اطلاعات جامعی از پرفروش ترین و جدیدترین و فروش ویژه محصولات قرار دارد و هم چنین اطلاعات و آگهی های بسیار مناسبی نیز در سمت راست صفحه پیاده شده است.<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-tW80IukiFY4/TYmtqYJAsCI/AAAAAAAACAs/lpyRgRPH50E/s1600/varchin-content.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://lh3.googleusercontent.com/-tW80IukiFY4/TYmtqYJAsCI/AAAAAAAACAs/lpyRgRPH50E/s400/varchin-content.jpg" width="400" /></a></div>توضیحات محصولات<br /> صفحه ی توضیحات محصولات نیز بسیار کامل است و کاربر با مراجعه به صفحه ی مشخصات محصول می تواند جزئیات کاملی از محصول را مشاهده نماید<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-PynVS4gjScQ/TYmuRxKCRgI/AAAAAAAACAw/gHcr8k1a8hM/s1600/varchin-detail.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://lh3.googleusercontent.com/-PynVS4gjScQ/TYmuRxKCRgI/AAAAAAAACAw/gHcr8k1a8hM/s320/varchin-detail.jpg" width="320" /></a></div>پا صفحه Footer<br /> در پایان قسمت پائین وب سایت نیز به سایر بخش های وب سایت پیوند دارد و کاربر خیلی سریع می تواند به سایر بخش های وب سایت مراجعه کند<br /> <br /> وب سایت فروشگاه الکترونیکی یکی بهترین طراحی های وب سایت های ایرانی را دارد و این موضوع نشان دهنده ی دقت بالای طراحان و مدیران این وب سایت را دارد</div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-272057357718042693?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-65934747907138613372011-02-13T17:07:00.000+03:302011-06-12T19:44:38.054+04:302011-06-12T19:44:38.054+04:30<div dir="rtl" style="text-align: right;" trbidi="on">کشور باهاماس واقعا در آمریکای مرکزی یک مجموعه ی گرافیکی شامل لوگو ، وب سایت و هدایایی را برای گردشگری در این کشور طراحی کرده است<br /> <br /> طراحی این مجموعه را شرکت دوفی Duffy انجام داده است<br /> <br /> <a href="http://www.duffy.com/">وب سایت Duffy</a><br /> <a href="http://www.bahamas.com/">وب سایت Bahamas</a><br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-G_QLoIID5f4/TVfd13LC0JI/AAAAAAAAB_M/I4ylyUxGtqA/s1600/bahamas0.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="237" src="http://2.bp.blogspot.com/-G_QLoIID5f4/TVfd13LC0JI/AAAAAAAAB_M/I4ylyUxGtqA/s400/bahamas0.JPG" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">لوگوی Bahamas</td></tr> </tbody></table><br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-CXSM3O-oqyI/TVfd3Kz9FMI/AAAAAAAAB_Q/-JaLStLGGdI/s1600/bahamas1.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="237" src="http://4.bp.blogspot.com/-CXSM3O-oqyI/TVfd3Kz9FMI/AAAAAAAAB_Q/-JaLStLGGdI/s400/bahamas1.JPG" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">پاکت های Bahamas</td></tr> </tbody></table><br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-X9s4vmdYVz0/TVfd4bewrVI/AAAAAAAAB_U/XvBvxn7AVKg/s1600/bahamas2.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="238" src="http://1.bp.blogspot.com/-X9s4vmdYVz0/TVfd4bewrVI/AAAAAAAAB_U/XvBvxn7AVKg/s400/bahamas2.JPG" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">کاتالوگ Bahamas</td></tr> </tbody></table><br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-_5pkUzQe0IE/TVfd5FlWAbI/AAAAAAAAB_Y/D22qr2Z9i2Y/s1600/bahamas3.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="237" src="http://4.bp.blogspot.com/-_5pkUzQe0IE/TVfd5FlWAbI/AAAAAAAAB_Y/D22qr2Z9i2Y/s400/bahamas3.JPG" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">مجموعه سربرگ و کارت و پاکت نامه</td></tr> </tbody></table><br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-wKAto7X6Uk4/TVfd6kpi-AI/AAAAAAAAB_c/QcmrPussFOE/s1600/bahamas5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="http://4.bp.blogspot.com/-wKAto7X6Uk4/TVfd6kpi-AI/AAAAAAAAB_c/QcmrPussFOE/s400/bahamas5.JPG" width="400" /></a></div><br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-Jb3IGusxVPs/TVfd7hznLkI/AAAAAAAAB_g/A_FMIucBHU0/s1600/bahamas6.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="237" src="http://2.bp.blogspot.com/-Jb3IGusxVPs/TVfd7hznLkI/AAAAAAAAB_g/A_FMIucBHU0/s400/bahamas6.JPG" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">وب سایت bahamas.com</td></tr> </tbody></table><br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-6593474790713861337?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-43545217270257221352011-01-27T20:48:00.001+03:302011-06-12T19:44:38.055+04:302011-06-12T19:44:38.055+04:30<div dir="rtl" style="text-align: right;" trbidi="on">گوگل در حال طراحی مجدد صفحات داخلی مبتنی بر HTML5 و Google Web Fonts می باشد<br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/TUGoX1vdjfI/AAAAAAAAB9k/0tomoCmfa-g/s1600/google-internal-page-2011.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="197" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/TUGoX1vdjfI/AAAAAAAAB9k/0tomoCmfa-g/s400/google-internal-page-2011.jpg" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">صفحات جدید در سال 2011</td></tr> </tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/_8zGcZGUZfNg/TUGoqWVLSVI/AAAAAAAAB9o/BP91klVprvg/s1600/google-internal-page-old.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="197" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/TUGoqWVLSVI/AAAAAAAAB9o/BP91klVprvg/s400/google-internal-page-old.jpg" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">صفحات قدیمی</td></tr> </tbody></table><a href="http://www.google.com/intl/en/corporate/ux.html">نمونه ی صفحات داخلی Google UX</a></div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-4354521727025722135?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-73126215317879731812011-01-27T20:43:00.000+03:302011-06-12T19:44:38.055+04:302011-06-12T19:44:38.055+04:30<div dir="rtl" style="text-align: right;" trbidi="on">طراحی مجدد وب سایت بانک سامان را به جرات میشه یکی از طراحی مجدد های حرفه ای نامید که ساختار وب سایت قبلی را به طور کلی دگرگون کرده ، در وب سایت جدید یا در واقع پرتال جدید در فضای مفید صفحه ی نمایش به کاربر یک دید کلی از خدمات اصلی بانک داده میشه که کاربران خیلی سریع میتونند به سرویس های مختلف بانک دسترسی پیدا کنند .<br /> <br /> از مهمترین اقدامات دیگه که در طراحی مجدد پرتال بانک سامان انجام شده استفاده از فونت های مناسب برای عناوین و متمایز کردن بخش های مختلف با رنگ های خاص هر بخش هست .<br /> <br /> در طرح جدید از باکس های مختلف و کاملا منظم برای ساماندهی اطلاعات و بخش ها استفاده شده و این مورد در وب سایت &nbsp;قبلی مشابه استفاده از CMS ها بود و تقسیم بندی مناسبی را نداشت .<br /> <br /> پرتال جدید از عید سعید فطر آغاز به کار میکند و با راه اندازی پرتال در <a href="http://www.uib.ir/">وبلاگ رابط کاربری</a> به بررسی پرتال جدید نیز میپردازیم .<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/TIQB6jcErXI/AAAAAAAAB2E/XvTv6nFYpVQ/s1600/sb24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/TIQB6jcErXI/AAAAAAAAB2E/XvTv6nFYpVQ/s320/sb24.png" /></a><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/TIQCMXhc71I/AAAAAAAAB2M/PGmUOZguJec/s1600/sb24-portal.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/TIQCMXhc71I/AAAAAAAAB2M/PGmUOZguJec/s320/sb24-portal.jpg" /></a></div><br /> <b>البته گویا طراحی جدید غیرفعال شده است!</b></div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-7312621531787973181?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-64927405263874799272011-01-26T21:31:00.000+03:302011-06-12T19:44:38.056+04:302011-06-12T19:44:38.056+04:30<div dir="rtl" style="text-align: right;" trbidi="on">حتما در جریان راه اندازی پلیس فتا ( سایبر ) ایران قرار گرفته اید ، بعد از راه اندازی و اعلام خبرگزاری ها سری به سایت پلیس سایبری که بر روی بنرهای تبلیغاتی در کنفرانس خبری بود که محوریت فعالیت آن بر روی وب بود زدم ، در ابتدا که سایت در دسترس نبود و سپس با تصویر زیر روبرو شدم !<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/TUBfyE_aByI/AAAAAAAAB9c/ed_Lg91WMEU/s1600/cyberpolice.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/TUBfyE_aByI/AAAAAAAAB9c/ed_Lg91WMEU/s320/cyberpolice.jpg" width="320" /></a></div><br /> <ul style="text-align: right;"><li>عنوان صفحه New Page 1</li> <li>استفاده از MS Word برای طراحی وب سایت !!</li> <li>استفاده از تصاویر بی کیفیت</li> <li>استفاده از آدرس www قبل cyber</li> </ul><div>براستی هزینه ی طراحی یک وب سایت مناسب در ایران چقدر است ؟</div><div>آیا بهتر نبود قبل از هزینه ی زیاد برای کنفرانس خبری و چاپ بیلبورد در ابتدا وب سایت طراحی و راه اندازی میشد ؟!</div><div>و فکر میکنم دوران استفاده از نرم افزار Word برای طراحی وب سایت به پایان رسیده !!</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/TUBg3l3tjOI/AAAAAAAAB9g/Te0aGWRxyTc/s1600/cyberpolice-code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/TUBg3l3tjOI/AAAAAAAAB9g/Te0aGWRxyTc/s320/cyberpolice-code.jpg" width="320" /></a></div><div><br /> </div><div>متاسفانه نبود استانداردها و چارچوب های لازم در طراحی وب سایت های دولتی در ایران وضعیت اسف باری را برای طراحی وب سایت های دولتی ایرانی در پی داشته است</div><div><br /> </div><div><a href="http://cyber.police.ir/">وب سایت پلیس فتا</a></div><div><a href="http://iclub.ir/iran_cyber_police">نوشته ی سایت آی کلاب درباره ی وب سایت پلیس فتا</a></div></div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-6492740526387479927?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-67282213669223933482011-01-25T14:06:00.001+03:302011-06-12T19:44:38.057+04:302011-06-12T19:44:38.057+04:30<div dir="rtl" style="text-align: right;" trbidi="on">اگر اخبار دنیای وب را دنبال کرده باشید حتما در خبرها خوانده اید که چند روز پیش <a href="http://www.w3.org/QA/2011/01/an_html5_logo.html">W3C لوگوی جدید HTML5</a> را معرفی کرد<br /> لوگوی HTML5 را شرکت <a href="http://ocupop.com/">Ocupop</a> طراحی کرده است<br /> <br /> تصویر زیر اسکچ های اولیه برای طراحی لوگوی HTML5 هست<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/TTx2f6aeTzI/AAAAAAAAB9E/HyUaY3K52JU/s1600/html5_sketches.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/TTx2f6aeTzI/AAAAAAAAB9E/HyUaY3K52JU/s400/html5_sketches.gif" width="400" /></a></div>لوگوهای HTML5 که آماده شد<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_8zGcZGUZfNg/TT6mI8W771I/AAAAAAAAB9I/Uy1snWTu96Q/s1600/html5_logo_1color.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/TT6mI8W771I/AAAAAAAAB9I/Uy1snWTu96Q/s400/html5_logo_1color.gif" width="400" /></a></div><br /> لوگوهایی که برای بخش های مختلف HTML5 طراحی شدند<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/TT6mXH2GRAI/AAAAAAAAB9M/ve1vGpISCQo/s1600/html5-5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/TT6mXH2GRAI/AAAAAAAAB9M/ve1vGpISCQo/s400/html5-5.jpg" width="400" /></a></div><br /> و نهایتا صفحه ای برای HTML5 بوسیله ی HTML5 و CSS3 و SVG و WOFF طراحی شد<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/TT6m45pDglI/AAAAAAAAB9Q/fncHyhXO2iA/s1600/html5-home.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/TT6m45pDglI/AAAAAAAAB9Q/fncHyhXO2iA/s400/html5-home.png" width="400" /></a></div><br /> <a href="http://ocupop.com/html5">اطلاعات بیشتر در سایت Ocupop</a><br /> <a href="http://www.w3.org/html/logo/">سایت HTM5</a><br /> <a href="http://www.fastcodesign.com/1663059/behind-the-design-of-the-html5-logo">در طراحی لوگوی HTML5 چه گذشت</a><br /> <a href="http://www.underconsideration.com/brandnew/archives/html5_validates_with_new_logo.php">درباره ی طراحی لوگوی HTML5</a><br /> <a href="http://www.w3.org/QA/2011/01/an_html5_logo.html">An HTML5 Logo</a></div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-6728221366922393348?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-76625635090602118602010-10-15T08:37:00.000+03:302011-06-12T19:44:38.057+04:302011-06-12T19:44:38.057+04:30<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/TLfYirAC16I/AAAAAAAAB3Q/-_vRVFgJyPw/s1600/manipixel-blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/TLfYirAC16I/AAAAAAAAB3Q/-_vRVFgJyPw/s1600/manipixel-blog.png" /></a></div><a href="http://www.nimaarabi.com/">نیما عربی</a> طراحی رابط کاربری که با هم استایلز را راه اندازی کرده بودیم یک سایت برای طراحی رابط کاربری راه اندازی کرده ، فارغ از این سایت بخش <a href="http://blog.manipixel.com/">وبلاگ مانی پیکسل</a> بسیار پر محتوا است<br /> <br /> نیما در بخش وبلاگ مانی پیکسل نمونه های برای رابط کاربری را ارائه میکنه و همچنین فایل اصلی طرح ها را به صورت PSD در اختیار کاربران قرار میده .<br /> <br /> <a href="http://blog.manipixel.com/">وبلاگ مانی پیکسل</a><br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/TLfhRofPCjI/AAAAAAAAB3Y/C9VcqViRnVQ/s1600/download-button.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/TLfhRofPCjI/AAAAAAAAB3Y/C9VcqViRnVQ/s320/download-button.jpg" width="320" /></a></div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/TLfhQGgDGTI/AAAAAAAAB3U/qyo-ipKoM6U/s1600/crystal-home-button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/TLfhQGgDGTI/AAAAAAAAB3U/qyo-ipKoM6U/s320/crystal-home-button.png" width="320" /></a></div><br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-7662563509060211860?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-86307347563953562502010-06-13T20:24:00.001+04:302011-06-12T19:44:38.059+04:302011-06-12T19:44:38.059+04:30<div dir="rtl" style="text-align: right;" trbidi="on">یکی از وب سایت های مهم یک دولت وب سایت وزارت امور خارجه است ، متاسفانه وب سایت وزارت امور خارجه ایران یکی از ضعیف ترین وب سایت های دولتی از لحاظ طراحی رابط کاربری است ، وب سایت وزارت امور خارجه ایران را با وب سایت وزارت امور خارجه کشورهایی نظیر آمریکا ، آلمان ، فرانسه و انگلیس مقایسه کنید !<br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/TBT8wtfr61I/AAAAAAAABxE/hAxIp9kRuQI/s1600/mfa-iran-1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/TBT8wtfr61I/AAAAAAAABxE/hAxIp9kRuQI/s640/mfa-iran-1.jpg" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">صفحه ی ورودی وب سایت وزارت امور خارجه ایران</td></tr> </tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/TBT83OGTmaI/AAAAAAAABxM/aOhxp2l-u6A/s1600/mfa-us.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/TBT83OGTmaI/AAAAAAAABxM/aOhxp2l-u6A/s640/mfa-us.jpg" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">صفحه ی ورودی وب سایت وزارت امور خارجه آمریکا</td></tr> </tbody></table><br /> <a name='more'></a><br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/TBT874O4exI/AAAAAAAABxU/eswzaLNM274/s1600/mfa-iran-2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/TBT874O4exI/AAAAAAAABxU/eswzaLNM274/s640/mfa-iran-2.jpg" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">صفحه ی اصلی انگلیسی وب سایت وزارت امور خارجه ایران</td></tr> </tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/TBT9DhR02wI/AAAAAAAABxc/XOnoU5p5AUE/s1600/mfa-uk.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/TBT9DhR02wI/AAAAAAAABxc/XOnoU5p5AUE/s640/mfa-uk.jpg" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">صفحه ی ورودی وب سایت وزارت امور خارجه انگلیس</td></tr> </tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/_8zGcZGUZfNg/TBT9KJpctfI/AAAAAAAABxk/M0JJ3TwDEMo/s1600/mfa-france.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/TBT9KJpctfI/AAAAAAAABxk/M0JJ3TwDEMo/s640/mfa-france.jpg" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">صفحه ی ورودی وب سایت وزارت امور خارجه فرانسه</td></tr> </tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/TBT9P4nvAkI/AAAAAAAABxs/hLhZkcPMkjk/s1600/mfa-germany.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/TBT9P4nvAkI/AAAAAAAABxs/hLhZkcPMkjk/s640/mfa-germany.jpg" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">صفحه ی ورودی وب سایت وزارت امور خارجه آلمان</td></tr> </tbody></table><br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-8630734756395356250?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-31454277846031669542010-06-08T15:59:00.000+04:302011-06-12T19:44:38.060+04:302011-06-12T19:44:38.060+04:30<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><b>وب سایت کانون در سال 2010</b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/TA4oXc7rFSI/AAAAAAAABwg/rCB5YreFV6M/s1600/kanoonparvaresh2010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/TA4oXc7rFSI/AAAAAAAABwg/rCB5YreFV6M/s640/kanoonparvaresh2010.jpg" width="640" /></a></div><br /> <br /> <div style="text-align: center;"><b>وب سایت کانون در سال 2004</b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_8zGcZGUZfNg/TA4oVuEYTXI/AAAAAAAABwY/OEsg8RxgQEY/s1600/kanoonparvaresh2004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="396" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/TA4oVuEYTXI/AAAAAAAABwY/OEsg8RxgQEY/s640/kanoonparvaresh2004.jpg" width="640" /></a></div><br /> بدون شرح !</div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-3145427784603166954?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com1tag:blogger.com,1999:blog-7718926102546925445.post-85587166890615044522010-04-03T00:49:00.001+04:302011-06-12T19:44:38.061+04:302011-06-12T19:44:38.061+04:30<div dir="rtl" style="text-align: right;" trbidi="on">قبلا در پستی در مورد <a href="http://blog.userinterface.ir/2009/07/sketch-based.html">سایتهای Sketch Based</a> نوشته بودم و اینکه سایتهای با محوریت طراحی شده با دست رو به افزایش است و از دلایل این مورد میتوان به گسترش تجارب کاربری و هم چنین طراحی نمونه های اولیه اشاره نمود .<br /> <br /> سایت Inspiration Feed در پستی 40 وب سایت را معرفی کرده است که طراحی دست برای طراحی وب سایتها الهام گرفته و یا با دست طراحی شده اند .<br /> <br /> <a href="http://inspirationfeed.com/design/2010/03/40-inspirational-hand-drawn-web-designs/">40 Inspirational Hand Drawn Web Designs</a><br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/S7ZQ5eRab-I/AAAAAAAABq8/VZGBfvSTnwE/s1600-h/project365-1024x496.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/S7ZQ5eRab-I/AAAAAAAABq8/VZGBfvSTnwE/s320/project365-1024x496.jpg" width="320" /></a></div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/S7ZQ89OFRZI/AAAAAAAABrA/5xJKPO9G3xE/s1600-h/shawnjohnston-1024x496.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/S7ZQ89OFRZI/AAAAAAAABrA/5xJKPO9G3xE/s320/shawnjohnston-1024x496.jpg" width="320" /></a></div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/S7ZRADQmx2I/AAAAAAAABrE/21NJcAxzxvM/s1600-h/techadventuredc-1024x496.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/S7ZRADQmx2I/AAAAAAAABrE/21NJcAxzxvM/s320/techadventuredc-1024x496.jpg" width="320" /></a></div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_8zGcZGUZfNg/S7ZRCSDDKOI/AAAAAAAABrI/hYIrh_qKlN0/s1600-h/deborahcavenaugh-1024x496.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/S7ZRCSDDKOI/AAAAAAAABrI/hYIrh_qKlN0/s320/deborahcavenaugh-1024x496.jpg" width="320" /></a></div><br /> <i>در پست های بعدی در مورد آماده سازی یک وب سایت به صورت Sketchh Based خواهم نوشت </i></div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-8558716689061504452?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com1tag:blogger.com,1999:blog-7718926102546925445.post-32894239212028435892010-04-01T01:43:00.002+04:302011-06-12T19:44:38.061+04:302011-06-12T19:44:38.061+04:30<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/S7O6RWguyzI/AAAAAAAABq4/NfSIg9k7buo/s1600-h/ux-styles.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="129" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/S7O6RWguyzI/AAAAAAAABq4/NfSIg9k7buo/s640/ux-styles.png" width="640" /></a></div>بعد از تغییر و تحولات زیادی که در بخش تجارب کاربری و وبلاگ Inside Clean و غیره داده شد این بخش به سایت استایلز منتقل شد و از این پس با آدرس <a href="http://ux.styles.ir/">http://ux.styles.ir</a> در دسترس خواهد بود , امیدوارم به همراه <a href="http://www.nimaarabi.com/">نیما</a> خیلی بیش از پیش روی این بخش که مفاهیم بسیار جدیدی را وارد عرصه ی طراحی کرده است کار کنیم .<br /> <br /> بزودی این وبلاگ نیز خیلی مرتبط تر از قبل بروز خواهد شد و امیدوارم بتوانم حداقل یک مطلب در هفته در این وبلاگ بنویسم <br /> <br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-3289423921202843589?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com1tag:blogger.com,1999:blog-7718926102546925445.post-63657286904005089412009-10-23T14:30:00.001+03:302011-06-12T19:44:38.062+04:302011-06-12T19:44:38.062+04:30<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/SuGNDqEOKkI/AAAAAAAABgU/742nysXju5k/s1600-h/sketchboard.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/SuGNDqEOKkI/AAAAAAAABgU/742nysXju5k/s400/sketchboard.jpg" /></a><br /> </div>در پست های قبلی خیلی در مورد طراحی اولیه ( اسکچ ) نوشتم و اینکه چگونه برای یک پروژه طرح های اولیه ای آماده بشه, در این پست Sketchboard را معرفی میکنم , Sketchboard یا تخته ی طرح ریزی به تخته ای گفته میشه که مجموعه از طرح های اولیه و طرح های مرحله به مرحله بر روی اون قرار میگیره , طرح های اولیه ای که با دست طراحی شده , نسخه های چاپ شده و ... که یادداشت های یا نظرات در مورد آنها هم بوسیله یادداشت های چسبان ( sticky notes ) قرار میگیره میتواند به پیشبرد یک پروژه گروهی کمک شایانی کند.<br /> <br /> <a href="http://www.flickr.com/photos/jasonrobb/3752747492/">نمونه ای از استفاده جیسون راب از Sketchboard </a><br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-6365728690400508941?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com1tag:blogger.com,1999:blog-7718926102546925445.post-13686752593595809682009-10-15T09:13:00.000+03:302011-06-12T19:44:38.065+04:302011-06-12T19:44:38.065+04:30<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/Sta1mk_fokI/AAAAAAAABf0/oB4ARtRU-Ho/s1600-h/ui-patterns_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/Sta1mk_fokI/AAAAAAAABf0/oB4ARtRU-Ho/s320/ui-patterns_logo.png" /></a><br /> </div><br /> سایت <a href="http://ui-patterns.com/">UI Pattenrs</a> یک سایت در زمینه طراحی رابط کاربری است که به معرفی نمونه های برتر طراحی رابط کاربری میپردازد، بخش <a href="http://ui-patterns.com/collections">Screenshots</a> این سایت نمونه هایی بسیار عالی را در زمینه طراحی های مختلف فرم های ثبت نام ، فرم های ورود ، ویکی ، کارتهای خرید و ... را معرفی مینماید .<br /> <br /> بخش های مختلف این سایت برای طراحانی که مایل به آشنایی با انواع بخش های یک سایت هستند بسیار مفید است .<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/Sta2WzsSVtI/AAAAAAAABf8/nykox3vAlUc/s1600-h/ui-patterns.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/Sta2WzsSVtI/AAAAAAAABf8/nykox3vAlUc/s320/ui-patterns.jpg" /></a><br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-1368675259359580968?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com1tag:blogger.com,1999:blog-7718926102546925445.post-14528456093044589582009-10-08T21:09:00.000+03:302011-06-12T19:44:38.065+04:302011-06-12T19:44:38.065+04:30برای طراحی اولیه یا اسکچ از قلم های مختلفی استفاده میشه , قلم ها و یا در واقع ابزارهایی که من استفاده میکنند عبارتند از یک دفتر طراحی و یک دفتر طراحی شطرنجی 5 میلیمتری و قلم هایی که عکس اش را در زیر میبینید .<br /> این قلم ها عبارتند از:<br /> اتود 0.5 و 0.7<br /> <a href="http://www.staedtler.com/triplus_fineliner_gb.Staedtler">روانویس استدلر Triplus Fineliner</a><br /> <a href="http://www.dickblick.com/products/faber-castell-pitt-artist-pens/">ماژیک طراحی فابر-کاستل سایز B</a><br /> مازیک 1-2 میلیمتری استدلر<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/Ss4ghmOdbUI/AAAAAAAABfo/gM57aHOZmOA/s1600-h/IMG_1778.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/Ss4ghmOdbUI/AAAAAAAABfo/gM57aHOZmOA/s400/IMG_1778.JPG" /></a><br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-1452845609304458958?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-90779800100220727732009-10-07T14:29:00.000+03:302011-06-12T19:44:38.066+04:302011-06-12T19:44:38.066+04:30در پست های قبلی تا حدودی درباره طراحی اولیه ( اسکچ ) صحبت کردیم و مواردی را اشاره کردیم و تا حدودی با اهمیت این اسکچ ها آشنا شدید .<br /> <br /> سایتی را که معرفی میکنم برای ساماندهی این طرح های اولیه است , سایت <a href="http://connectasketch.com/">Connect a Sketch</a> برای ساماندهی این طرح های اولیه است .<br /> ممکن است شما طرح های اولیه خودتون را آماده کرده باشید و اونها در اختیار طراح یا سایر توسعه دهندگان قرار داده باشید ولی طراح یا توسعه دهنده اطلاعی از چگونگی ارتباط بین طرح های شما اطلاعی نداشته باشد , شما بوسیله ی <a href="http://connectasketch.com/">Connect a Sketch</a> می تونید ارتباط بین طرح هاتون را برای سایر کاربران مشخص نمائید .<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/Ssx0XmsfBDI/AAAAAAAABeY/1rHZ3XO2CD8/s1600-h/connectasketch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/Ssx0XmsfBDI/AAAAAAAABeY/1rHZ3XO2CD8/s320/connectasketch.jpg" /></a><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/Ssx0Y9HzmDI/AAAAAAAABeg/i5Reej0VXug/s1600-h/connectasketch2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/Ssx0Y9HzmDI/AAAAAAAABeg/i5Reej0VXug/s320/connectasketch2.jpg" /></a><br /> </div><a href="http://connectasketch.com/">Connect a Sketch</a><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-9077980010022072773?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com1tag:blogger.com,1999:blog-7718926102546925445.post-19830298605118261452009-10-07T13:59:00.002+03:302011-06-12T19:44:38.067+04:302011-06-12T19:44:38.067+04:30<div style="font-family: Times,&quot;Times New Roman&quot;,serif;"><span style="font-size: large;"><b></b></span><span style="font-size: large;"><b>بخشی جدید را از امروز به وبلاگ اضافه میکنم و رابط های کاربری که چیدمان خاصی دارند را معرفی میکنم , طرح های یکنواخت و بدون نوآوری شاید یکی از مشکلات رابط های کاربری فارسی باشه که امیدوارم با نمایش نمونه های رابط کاربری گرافیکی این مشکل حل بشه</b></span><br /> </div><div style="font-family: Times,&quot;Times New Roman&quot;,serif;"><span style="font-size: large;"><b><br /> </b></span><br /> </div><div style="font-family: Times,&quot;Times New Roman&quot;,serif;"><span style="font-size: large;"><b>اگر عنوان جالبی را برای این بخش در نظر دارید معرفی کنید مثل:</b></span><br /> </div><div style="font-family: Times,&quot;Times New Roman&quot;,serif;"><span style="font-size: large;"><b>با دقت نگاه کنید</b></span><br /> </div><div style="font-family: Times,&quot;Times New Roman&quot;,serif;"><span style="font-size: large;"><b>نگاه دقیق</b></span><br /> </div><div style="font-family: Times,&quot;Times New Roman&quot;,serif;"><span style="font-size: large;"><b>... <br /> </b></span><br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-1983029860511826145?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com1tag:blogger.com,1999:blog-7718926102546925445.post-10901828218552607132009-10-05T21:05:00.001+03:302011-06-12T19:44:38.067+04:302011-06-12T19:44:38.067+04:30<div class="separator" style="clear: both; text-align: center;"><a href="http://images.userinterface.ir/watermark.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="30" src="http://images.userinterface.ir/watermark.png" width="200" /></a><br /> </div>آقای مصطفی مقدم طرح های اولیه و طرح پیاده سازی شده نهایی <a href="http://www.edreamer.ir/">سایت eDreamer ( رویاگر )</a> را برای من ارسال کردند تا در وبلاگ معرفی کنم , طرح های اولیه بسیار قوی بودند که بسیار عالی نیز پیاده سازی شده شدند<br /> <br /> سایت رویاگر همچنین <a href="http://www.styles.ir/1388/05/edreamer/">مرداد ماه نیز به عنوان یکی از طرح های برتر در سایت استایلز</a> نیز معرفی شدند .<br /> <br /> طراحی اولیه سایت نشان از نگاه دقیق طراح به اندازه ها ، جایگاه محتواهای وب سایت و ... دارد که باعث میشه طراح رابط کاربری گرافیکی به صورت دقیق تری طراحی اولیه را پیاده کند و سعی و خطاهای موجود در طراحی به نحو شایانی کاهش دهد <br /> <br /> در زیر دو تصویر از طراحی اولیه و طرح پیاده سازی شده را میبینید و سایر تصویر ها را می توانید در ادامه مطلب ببینید .<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://images.userinterface.ir/09.Texture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="420" src="http://images.userinterface.ir/09.Texture.jpg" width="294" /></a><a href="http://images.userinterface.ir/08.Sketch-Final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="420" src="http://images.userinterface.ir/08.Sketch-Final.jpg" width="363" /></a><br /> </div><br /> <a name='more'></a>سایر تصاویر<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://images.userinterface.ir/01.Intro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="http://images.userinterface.ir/01.Intro.jpg" width="200" /></a><a href="http://images.userinterface.ir/02.Sketch-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="http://images.userinterface.ir/02.Sketch-1.jpg" width="200" /></a><a href="http://images.userinterface.ir/03.Sketch-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="http://images.userinterface.ir/03.Sketch-2.jpg" width="200" /></a><a href="http://images.userinterface.ir/04.Layout-1-Colored-760px.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://images.userinterface.ir/04.Layout-1-Colored-760px.jpg" width="174" /></a><a href="http://images.userinterface.ir/05.Layout-2-955px.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://images.userinterface.ir/05.Layout-2-955px.jpg" width="174" /></a><a href="http://images.userinterface.ir/06.Layout-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://images.userinterface.ir/06.Layout-3.jpg" width="174" /></a><a href="http://images.userinterface.ir/07.Layout-4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://images.userinterface.ir/07.Layout-4.jpg" width="174" /></a><br /> </div><br /> ضمن اینکه از آقای مقدم مجددا تشکر میکنم ، منتظر ارسال طرح های سایر طراحان نیز هستم<div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-1090182821855260713?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-82155040856310456542009-10-05T07:22:00.001+03:302011-06-12T19:44:38.069+04:302011-06-12T19:44:38.069+04:30در حدود 3 ماه پیش من با همکاری یکی از دوستان خیلی خوبم نیما عربی وب سایتی را برای معرفی برترین طرح های وب فارسی راه اندازی کردیم , این سایت ا<a href="http://www.styles.ir/">ستایلز styles.ir</a> نام داره و برترین طرح های وب سایت های فارسی که رابط کاربری خوبی دارند را در دسته های مختلف و رنگ بندی های مختلف معرفی میکنه , اگر تا حالا وب سایت را ندید میتونید <a href="http://www.styles.ir/">از این آدرس</a> ببینید<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/SslsvOeo2jI/AAAAAAAABcY/OF6am9cRQXw/s1600-h/styles-ui.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/SslsvOeo2jI/AAAAAAAABcY/OF6am9cRQXw/s400/styles-ui.jpg" /></a><br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-8215504085631045654?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-8980771396750649172009-10-05T07:10:00.002+03:302011-06-12T19:44:38.070+04:302011-06-12T19:44:38.070+04:30<div class="separator" style="clear: both; text-align: center;"><br /> </div><div style="text-align: right;">مسلما اگر وبلاگ های انگلیسی را دنبال کرده باشید بدون شک برای یکبار به <a href="http://www.smashingmagazine.com/">مجله ی آن لاین اسمشینگ</a> برخورد کرده اید .<br /> </div><div style="text-align: right;">مجله ی اسمشینگ قصد داره تا <a href="http://www.smashingmagazine.com/2009/08/05/the-smashing-book-pre-order-now-and-save-20/">کتابی را از نوشته های منتشر شده</a> در چند سال اخیرش را در دسته هایی نظیر قالب های CSS&nbsp; - طراحی رابط کاربری - تایپوگرافی کاربردپذیری - رنگها و بهینه سازی وب سایتها و غیره منتشر کنه .<br /> </div><div style="text-align: right;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_8zGcZGUZfNg/Sslpcksdl6I/AAAAAAAABb4/ZJ4CPvnA7CE/s1600-h/book-3d-320px.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/Sslpcksdl6I/AAAAAAAABb4/ZJ4CPvnA7CE/s320/book-3d-320px.jpg" /></a><br /> </div><div style="text-align: right;">کتاب در مرحله چاپ هست و هم اکنون به صورت پیش فروش در حال فروش هست , این کتاب را میتوندید به دو طریق سفارش بدین :<br /> </div><div style="text-align: right;">1. <a href="http://www.smashingmagazine.com/2009/08/05/the-smashing-book-pre-order-now-and-save-20/?utm_source=Smashing%2BMagazibe&amp;utm_medium=banner&amp;utm_content=Badge%2Bdesbook3&amp;utm_campaign=Smashing%2BBook">خرید مستقیم از Smashing Magazine</a><br /> </div><div style="text-align: right;">2.<a href="http://mytoolbox.ir/blog/post/2009/09/29/Smashing-Book-Pre-Order.aspx"> خرید کتاب از جعبه ابزار</a><br /> </div><div style="text-align: right;"><br /> </div><div style="text-align: right;">بهتون توصیه میکنم تا دیر نشده حتما خریداری کنید چون حاوی نکات بسیار ارزنده ای هست<br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_8zGcZGUZfNg/Sslp6JAn_XI/AAAAAAAABcA/ViZVGlbdguo/s1600-h/chapter1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/Sslp6JAn_XI/AAAAAAAABcA/ViZVGlbdguo/s320/chapter1.gif" /></a><a href="http://3.bp.blogspot.com/_8zGcZGUZfNg/SslqG830wsI/AAAAAAAABcQ/tZlg0P_xXMc/s1600-h/perf.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/SslqG830wsI/AAAAAAAABcQ/tZlg0P_xXMc/s320/perf.gif" /></a><br /> </div><div style="text-align: right;">&nbsp; <br /> </div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/SseayAi0t_I/AAAAAAAABa4/AMx3-zfl8Yc/s1600-h/preview2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/SseayAi0t_I/AAAAAAAABa4/AMx3-zfl8Yc/s320/preview2.jpg" width="320" /></a>&nbsp; <br /> </div><a href="http://www.smashingmagazine.com/2009/08/05/the-smashing-book-pre-order-now-and-save-20/">اطلاعات تکمیلی تر را هم از اینجا میتونید مطالعه کنید</a><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-898077139675064917?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-7718926102546925445.post-71642169205508272002009-10-04T04:53:00.002+03:302011-06-12T19:44:38.070+04:302011-06-12T19:44:38.070+04:30نمونه ای از Sketch سایت استایلز و طرح پیاده سازی شده توسط نیما عربی که قبل از پیاده سازی طرح را روی کاغذ پیاده کردیم و سپس طراحی نهایی انجام شده<br /> <div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><br /> </div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/SsjW_vbwJ9I/AAAAAAAABbw/3O1QNgs2TAQ/s1600-h/styles-next-sketchs.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/SsjW_vbwJ9I/AAAAAAAABbw/3O1QNgs2TAQ/s320/styles-next-sketchs.jpg" /></a><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/SsjWM9rIJUI/AAAAAAAABbo/o1tWO3b_ekc/s1600-h/styles-sketch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/SsjWM9rIJUI/AAAAAAAABbo/o1tWO3b_ekc/s320/styles-sketch.jpg" /></a><br /> </div><br /> پی نوشت: در پست های بعدی چند نمونه دیگه هم معرفی خواهم کرد<div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-7164216920550827200?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com1tag:blogger.com,1999:blog-7718926102546925445.post-49039570640062406292009-10-03T19:18:00.002+03:302011-06-12T19:44:38.071+04:302011-06-12T19:44:38.071+04:30نخستین طرح اولیه از طراحان از نیما عربی است که یک طرح اولیه پیشنهادی برای <a href="http://www.blogfa.com">بلاگفا</a> تهیه کرده است .<br /> از مهمترین خصوصیات طراحی جدیدی که پیشنهاد شده :<br /> 1.بهبود بخش ایجاد وبلاگ<br /> 2.بهبود بخش معرفی بلاگفا<br /> 3.معرفی تصویری ( Visualize ) امکانات بلاگفا<br /> 4.در نظر گرفتن پانویس ( Footer )<br /> <br /> طرح پیشنهادی نیما عربی است که به آقای علیرضا شیرازی پیشنهاد میکنم مد نظر داشته باشند تا تغییرات زیادی را در رابط کاربری بلاگفا بعد از سالها اعمال کنند .<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/SsdxrrNMSJI/AAAAAAAABag/hJyhPkupqb8/s1600-h/blogfa-sketch-redesign.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/SsdxrrNMSJI/AAAAAAAABag/hJyhPkupqb8/s320/blogfa-sketch-redesign.jpg" /></a><br /> </div><div style="text-align: center;">طرح پیشنهادی نیما عربی<br /> </div><div style="text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/SsdyHVqPQuI/AAAAAAAABaw/S6-w3p7JQOU/s1600-h/blogfa_com.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/SsdyHVqPQuI/AAAAAAAABaw/S6-w3p7JQOU/s320/blogfa_com.jpg" /></a><br /> </div><div class="separator" style="clear: both; text-align: center;">طرح کنونی بلاگفا <br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-4903957064006240629?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com11tag:blogger.com,1999:blog-7718926102546925445.post-24622200290628301102009-10-03T18:55:00.000+03:302011-06-12T19:44:38.071+04:302011-06-12T19:44:38.071+04:30تجربه های طراحی اولیه بخش جدیدی از وبلاگ رابط کاربری خواهد بود که طرح های اولیه ی وب سایت هایی که روی کاغذ اومده و پیاده شده و یا نشده را معرفی میکنه , اگر شما هم طراحی دارید اون را معرفی کنید و برای من ایمیل کنید تا معرفی کنم .<br /> <br /> parham at gmail dot com<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_8zGcZGUZfNg/Ssdsjg00ARI/AAAAAAAABaY/xj6f-jQtuiI/s1600-h/vimeo-sketch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/Ssdsjg00ARI/AAAAAAAABaY/xj6f-jQtuiI/s320/vimeo-sketch.jpg" /></a><br /> </div><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-2462220029062830110?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com2tag:blogger.com,1999:blog-7718926102546925445.post-12835171288007656682009-09-23T13:40:00.002+03:302011-06-12T19:44:38.072+04:302011-06-12T19:44:38.072+04:30<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_8zGcZGUZfNg/SrnyB5FTUAI/AAAAAAAABZQ/oN-7MQZU6q0/s1600-h/vimeo-clip-page.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_8zGcZGUZfNg/SrnyB5FTUAI/AAAAAAAABZQ/oN-7MQZU6q0/s400/vimeo-clip-page.jpg" /></a><br /> </div><span style="font-size: large;font-family:times new roman;"><b>زمانی که شما میخواهید طرح ریزی اولیه یک وب سایت را انجام دهید اولین و مهمترین گام شامل یک قلم و کاغذ است , این مهمترین قدم برای ایجاد و درک آن چیزی است که ما میخواهیم , نخستین نگرانی مشخص نمودن هدف محتوا و آن چیزی است از ساختار یک وب سایت انتظار میرود.</b></span><br /> <br /> <a href="http://eng.designerbreak.com/2009/tutorial/wireframes-and-concept-planning-a-website/">منبع</a><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-1283517128800765668?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com3tag:blogger.com,1999:blog-7718926102546925445.post-50181641331352832962009-09-18T10:14:00.001+04:302011-06-12T19:44:38.073+04:302011-06-12T19:44:38.073+04:30دفتر طراحی نت پاد یک دفتر برای طراحی اولیه رابط های کاربری آی فون هست که در قطع آی فون درست شده , این دفتر 17.95 دلار قیمت داره؛ در پست بعدی به معرفی ابزارهای اولیه طراحی رابط کاربری برای آی فون میپردازم.<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_8zGcZGUZfNg/SrMaKid5WfI/AAAAAAAABYw/u_khKW5aF-8/s1600-h/notepod1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/_8zGcZGUZfNg/SrMaKid5WfI/AAAAAAAABYw/u_khKW5aF-8/s320/notepod1.jpg" width="320" /></a><br /> </div><br /> <a href="http://www.notepod.net/">سایت Notepod</a><div class="blogger-post-footer"><hr /> <a href="www.styles.ir"> استایلز </a> | برترین طرح های وب فارسی<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7718926102546925445-5018164133135283296?l=blog.userinterface.ir' alt='' /></div>Parham Baghestanihttps://profiles.google.com/113696976024156050004noreply@blogger.com2