طراحی فرم لوگین به شیوه ای خاص و جدید

[sajjad etemadfar]

سلام من دارم یه پروژه برنامه نویسی می نویسم تو برنامم یه قسمت دارم برای ورود کاربران برنامه ولی چون این
این فرم لوگین معمولا ابتدای برنامه میاد دوست دارم از نظر طراحی بی نظیر باشه که هرکی برنامه رو وارد می کنه از قشنگی و زیبایی فرم حال کنه و بگه این برنامه که فرم ورودش اینقدر قشنگه حسابشو بکش خود برنامه چیه
لطفا نحوه ای چینش 2 عدد تکست باکس یوزر نیم و پسورد رو به همراه دکمه ی ورود و انصراف رو برام بگید
معمولا یکی از چیزهایی که برنامه رو جذاب میکنه عکس مرتبط با موضوع هست
از تمامی برنامه نویسان خواش میکنم اگه عکسی برای پس زمینه ی فرم لوگین یا مرتبط با موضوع دارند و یا پروژه ای با فرم لوگین ،طراحی زیبا چه ساده و چه حرفه ای هرچی دارید بزارید تو این تاپیک تا یه فرم زیبا طراحی کنم
از کلیه ی مدیران زحمت کش این انجمن میخوام این تاپیکو حذف نکنن طبق گفتشون جستجو کردم ولی به چیز خاصی دست پیدا نکردم مجبور شدم این تاپیکو بزنم:لبخند::لبخند::لبخند::قل� �:
منتظرم

[Mani_rf]

http://www.artfans.info/wp-content/uploads/2009/12/login0.jpg (http://www.artfans.info/?p=465)
http://www.artfans.info/wp-content/uploads/2009/12/login1.jpg (http://www.myvirtualpaper.com/admin/login)
http://www.artfans.info/wp-content/uploads/2009/12/login2.jpg (http://niponwar.deviantart.com/art/login-page-76468137)
http://www.artfans.info/wp-content/uploads/2009/12/login3.jpg (http://maple-story.deviantart.com/art/Updated-Maple-Login-93600856)
http://www.artfans.info/wp-content/uploads/2009/12/login4.jpg (http://www.artfans.info/inspiration-45-login-pages-to-improve-your-login-form/Kart-n-Crazy-login-page)
http://www.artfans.info/wp-content/uploads/2009/12/login5.jpg (http://c-gfx.deviantart.com/art/Login-Page-114993555)
http://www.artfans.info/wp-content/uploads/2009/12/login6.jpg (https://us.battle.net/login/login.xml?ref=http%3A%2F%2Fwww.worldofwarcraft.com %2Fcharcopy%2F&app=wam)
http://www.artfans.info/wp-content/uploads/2009/12/login7.jpg (http://www.themattinator.com/login/)
http://www.artfans.info/wp-content/uploads/2009/12/login8.jpg (http://www.devunity.com/user/login)
http://www.artfans.info/wp-content/uploads/2009/12/login9.jpg (http://www.flickr.com/photos/jen-rochester/3926887303/sizes/l/in/pool-446919@N23/)
http://www.artfans.info/wp-content/uploads/2009/12/login10.jpg (http://tpaxic.deviantart.com/art/Login-Page-88152800)
http://www.artfans.info/wp-content/uploads/2009/12/login11.jpg (http://phyraxdesigns.deviantart.com/art/Project-Red-Mantis-84343445)
http://www.artfans.info/wp-content/uploads/2009/12/login12.jpg (http://strawpollnow.com/login/)
http://www.artfans.info/wp-content/uploads/2009/12/login13.jpg (http://accounts.mmosite.com/?controller=public&action=login&url=http%3A%2F%2Faccounts.mmosite.com%2F)
http://www.artfans.info/wp-content/uploads/2009/12/login14.jpg (http://www.scrapblog.com/login/login.aspx)
http://www.artfans.info/wp-content/uploads/2009/12/login15.jpg (http://97bottles.com/account/signin/?next=/)
http://www.artfans.info/wp-content/uploads/2009/12/login16.jpg (http://www.20x200.com/login/)
http://www.artfans.info/wp-content/uploads/2009/12/login17.jpg (http://wakoopa.com/account/login)
http://www.artfans.info/wp-content/uploads/2009/12/login18.jpg (https://login.mailchimp.com/?wcookie=0f266dc491fffa6c4768)
http://www.artfans.info/wp-content/uploads/2009/12/login19.jpg (http://hellohowru.com/user/login)
http://www.artfans.info/wp-content/uploads/2009/12/login20.jpg (http://smokeyhotpot.deviantart.com/art/PSI-Login-Page-69218458)
http://www.artfans.info/wp-content/uploads/2009/12/login21.jpg (http://www.flickr.com/photos/20334233@N08/3102314059/sizes/o/in/pool-446919@N23/)
http://www.artfans.info/wp-content/uploads/2009/12/login22.jpg (http://empirefx.deviantart.com/art/Login-Page-2-97656741)
http://www.artfans.info/wp-content/uploads/2009/12/login23.jpg (http://www.flickr.com/photos/andreaskarman/3231412227/sizes/o/in/pool-446919@N23/)
http://www.artfans.info/wp-content/uploads/2009/12/login24.jpg (http://www.flickr.com/photos/markfitzpatrick/3653143717/sizes/o/in/pool-446919@N23/)
http://www.artfans.info/wp-content/uploads/2009/12/login25.jpg (http://www.flickr.com/photos/dja4mower/2177765780/sizes/o/in/pool-446919@N23/)
http://www.artfans.info/wp-content/uploads/2009/12/login26.jpg (http://www.flickr.com/photos/dja4mower/2177765746/sizes/o/in/pool-446919@N23/)
http://www.artfans.info/wp-content/uploads/2009/12/login27.jpg (http://www.flickr.com/photos/emmealcubo/2382010055/sizes/o/in/pool-446919@N23/)
http://www.artfans.info/wp-content/uploads/2009/12/login28.jpg (http://www.flickr.com/photos/29313902@N00/3075126831/in/pool-bm-custom-login)
http://www.artfans.info/wp-content/uploads/2009/12/login29.jpg (http://www.flickr.com/photos/socialsnack/3948974714/sizes/l/in/pool-446919@N23/)
http://www.artfans.info/wp-content/uploads/2009/12/login30.jpg (http://www.mybabyourbaby.com/wp-login.php?action=login&mode=email)
http://www.artfans.info/wp-content/uploads/2009/12/login31.jpg (http://chriswoods.ca/#/)
http://www.artfans.info/wp-content/uploads/2009/12/login32.jpg (https://beta.gist.com/sessions/new)
http://www.artfans.info/wp-content/uploads/2009/12/login33.jpg (https://www.survs.com/app/wa/signIn)
http://www.artfans.info/wp-content/uploads/2009/12/login34.jpg (https://secure.tickspot.com/login)
http://www.artfans.info/wp-content/uploads/2009/12/login35.jpg (http://www.blendue.com/demos/cars/)
http://www.artfans.info/wp-content/uploads/2009/12/login36.jpg (https://auth.me.com/authenticate?service=mail&ssoNamespace=primary-me&returnURL=aHR0cDovL3d3dy5tZS5jb20vbWFpbC8=&cancelURL=http://dzineblog.com/2009/03/interface-design-inspiration-36-beautiful-login-pageform-designs.html)
http://www.artfans.info/wp-content/uploads/2009/12/login37.jpg (https://www.redbrickhealth.com/consumer/login/view.action;jsessionid=12D4C1330668D04DD13EE910084 7386C.consumerportal01)
http://www.artfans.info/wp-content/uploads/2009/12/login38.jpg (http://www.getsignoff.com/squaredeye/login)
http://www.artfans.info/wp-content/uploads/2009/12/login39.jpg (http://mig33.com/login.php)
http://www.artfans.info/wp-content/uploads/2009/12/login40.jpg (http://www.oumniabydima.com/login.php)
http://www.artfans.info/wp-content/uploads/2009/12/login41.jpg (http://freedycz.deviantart.com/art/Moje-Portfolio-login-77489257)
http://www.artfans.info/wp-content/uploads/2009/12/login42.jpg (http://vladislavs-judins.deviantart.com/art/Login-interface-147134765)
http://www.artfans.info/wp-content/uploads/2009/12/login43.jpg (http://terroreast.deviantart.com/art/Login-page-of-new-social-web-135627331)


کافیه؟

[sajjad etemadfar]

خوبه ممنون از نظر عکس کافیه حالا مثلا اگه بخوام ظاهر یکی از این عکس ها رو تو یه فرم معمولی وی بی دات نت پیاده سازی کنم چی کار کنم؟
کد نویسی مشکلی ندارم تو ظاهر ساختن مشکل دارم

[bnnoor]

دوست عزیز امکان داره یه توضیحی بدید چطوری میشه از این فرم ها استفاده کرد؟

[sajjad etemadfar]

همچنان منتظر پاسخیم
که ببینیم چطور این فرم ها رو پیاده سازی کنیم

[sajjad etemadfar]

کسی نیست کمکم کنه در یافتن پاسخ سوالم

[bnnoor]

کسی نیست کمکم کنه در یافتن پاسخ سوالم

دوست عزیز شما میتونی با چندتا عکس و کمی سلیقه فرمتو زیباتر کنی البته اون فرمهای بالایی خیلی زیبا هستند که اونجوری من فهمیدم همشون برای vb نیستند شما میتونی توی گوگل سرچ کنی login form البته بصورت عکس و از عکس هایی که بهت میده استفاده کنی یه سرچ کوچولو بکن چیزای زیبایی پیدا میکنی

[barbodsoft.com]

اولا که این فرمها مال صفخات وب هستند اکثرا البته عکس قابل استفاده هست.
دوما شما برای استفاده بعضی از قسمتهای این عکسها رو باید با فتوشاپ تغییر بدین .
ثالثا : به جای اون تکست باکس ها ، تکس باکس دات نت رو اضافه کنید.
به همین سادگی به همین خوشمزگی

این یک نمونه هست و شما می تونید بیشتر و دقیق تر با توجه به سلیقه خود و کاربرا تون تغییرات لازم رو اعمال کنید

[nader.golab]

سلام دوست عزیز.
برای این کار ابتدا فایل PSD این گرافیک ها را پیدا می کنید.
دوم از عکست که تصویر کاملا رنگی یعنی فقط مشکی یا رنگ دیگه تهیه کن.
سوم کدی قرار بده که نمونش تو سایت زیاده که فرمت رو به شکل چند ضلعی در بیاره.(به شکل PSD )
چهارم عکس اصلیت رو روی فرم بزار.

موفق باشید.

[Mani_rf]

همیشه که نباید همه چیز آماده باشه و ازش استفاده کنید. بعضی چیز ها مثل طراحی باید با سلیقه و ابتکار همراه باشه. من این نمونه ها را نگذاشتم که از روشون کپی کنید. گذاشتم که ازشون ایده بگیرید و به نسبت برنامه خودتون از رنگ بندی و قالب بندی های بکار رفت تو اونها الهام بگیرید.

[Alghoochi]

حرف جناب Mani_rf کاملاً درسته. اگه به نرم‌افزارهای گرافیکی و طراحی گرافیکی آشنایی ندارید بهتره کار طراحی گرافیکی پروژه‌تون رو به کسی دیگه‌ای واگذار کنید و خودتون بیشتر روی برنامه‌نویسی و طراحی نرم‌افزار تمرکز کنید.

[Navid Asadi]

70940

این کار خودمه قشنگه؟

[bnnoor]

بله خوب شده ولی اگر بشه صفحه اول رو از فرم مربع شکل همیشگی دربیارید خیلی زیباتر میشه

[bhasoft]

با سلام خدمت تمامي دوستان عزيز...
اينهم يه نمونه از فرمي كه من طراحي كردمش و كار خودمه.
البته از روي نمونه فرمهاي آقا ماني شبيه سازي كردمش و با خاصيت كروماكي تصاوير فرمم رو از حالت مربع به دايره تغيير شكل دادم...
ممنون ميشم نظرتون رو بگين كه طرحش چطوره!

روش كليك كنيد تا به شكل بزرگتر ببينيدش.

ممنونم....


70958

[bnnoor]

عالیه خیلی جالب شده میشه در مورد خاصیت کروماکی توی vb یه توضیحی بدید؟ اگه اینجا جاش نیست لطف کنید یه تاپیک مرتبط معرفی کنید

[bhasoft]

مرسي.
نظر لطفتونه...
نه همينجا توضيح ميدم.خيلي راحته...!ونيازي هم به برنامه نويسي نداره!
خاصيت كروماكي همون خاصيتي هست كه تو برنامه هاي تلويزيوني سينمائي و ... استفاده ميشه و روي يه صفحه سبز يا آبي خاص فيلمبرداري ميشه.بعد تو مرحله مونتاژ، اون پشت زمينه رو به همون رنگ حساس ميكنن تا طرف داخل فيلم بصورت تكي ديده بشه و در آخر هم اون رو روي يه منظره يا فيلم ديگه ميزارن و كلك هاي سينمائي رو روشون پياده سازي ميكنن...
حالا بحث در دات نت:
دوست عزيز شما بعد از طراحي فرمتون كه بايد لايه بكگراندش Transparent باشه اون رو به حالت دايره وار طراحي كنين... (البته توي فتوشاپ يا امثالهم)
بعد از طراحي اون رو در حالت png ذخيره كنين.
بعد توي دات نت ، بكگراند فرم رو همون عكس كه طراحي كردين انتخاب كنين.
بعد به اون فرم يك Bachcolor به جز رنگهايي كه توي اون فرم طراحي كردين رو بدين...
البته هرچه بك كالر انتخابي شما به رنگ طوسي يا سفيد نزديك باشه حاشيه هاي فرمتون تميز تر در مياد...
بعد باز تو خاصيت همون فرم خاصيت Transparencykey رو با همون رنگ انتخابي بك كالر ست كنين.
حالا برنامه آماده هست..!

باز هم اگه مشكلي بود من در خدمتم.
موفق باشيد/.

[bnnoor]

ممنون دوست عزیز درموردش یه سرچ کوچولو کردم اینجا (http://www.codeproject.com/Tips/149249/Simplest-way-to-implement-irregular-forms-in-NET.aspx) هم روش کار رو توضیح داده روش جالبی بود

[neda88]

اولا که این فرمها مال صفخات وب هستند اکثرا البته عکس قابل استفاده هست.
دوما شما برای استفاده بعضی از قسمتهای این عکسها رو باید با فتوشاپ تغییر بدین .
ثالثا : به جای اون تکست باکس ها ، تکس باکس دات نت رو اضافه کنید.
به همین سادگی به همین خوشمزگی

این یک نمونه هست و شما می تونید بیشتر و دقیق تر با توجه به سلیقه خود و کاربرا تون تغییرات لازم رو اعمال کنید

ببخشید من نتونستم این فایلو با وی VS2008 باز کنم.چی کار باید بکنم دقیقاً؟

[neda88]

من چند تا سوال راجع به طراحی فرم لوگین داشتم.
توی sql server 2005 یه جدول ایجاد کردم به اسم user login و توش دو تا نام کاربری و پسوورد دادم.میخوام فقط همین دو تا اکانت بتونن وارد برنامه بشن .برنامه که باز میشه میخوام فرم لوگین روی فرم اصلی نمایش داده بشه.
کاربر یوزر و پس وارد کنه اگر با اونی که تو پایگاه داده بود مطابقت داشت پیغام بده کاربر مجاز است و وارد فرم اصلی بشه
اگه مطابقت نداشت پیغام بده کاربر غیر مجاز است و وارد فرم نشه(یعنی کاربر نتونه به فرم اصلی دست پیدا کنه)
امکان تغییر پسوورد هم داشته باشه .
ضمناً با ویژوال استودیو 2008 کار میکنم.

برنامه هایی که دوستان گذاشته بودن رو دیدم اما یا کامل نبودن یا با ورژن دیگری از VB نوشته شده بودن .خلاصه سردر نیاوردم.این کل کدهای مربوط به فرم لوگینمه.دوستان یه نگاه بندازن ایراداتم رو بگن.
Imports System.Data.SqlClient
Public Class Form2
Dim constr As String
Dim con As New SqlConnection
Dim strsql As String

Private Sub connection()
constr = "Data Source=.;Initial Catalog=doryaban;Integrated Security=True"
con = New SqlConnection(constr)
con.Open()
End Sub
Private Sub Form2_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

End Sub

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
Call connection()

strsql = "select count(*) from userlogin where uname='" & TextBox1.Text & " ' and password='" & TextBox2.Text & "'"

Dim cmd As New SqlCommand(strsql, con)
cmd.ExecuteNonQuery()
Dim a As Integer = cmd.ExecuteScalar()
If a = 0 Then
Label1.Text = "unnown user"
Else
Label1.Text = "welcom"

End If
con.Close()
End Sub

Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click


End Sub
End Class