Dear Friends I would like to share some knowledge about user
interface designing: We can design interface for any kind of Application may be
a Website /Desktop /Mobile/Computer etc..
Which will interact with user the goal of user interface designing as
simple and efficient as possible? We can make an UI (User Interface) for any
kind of application and technology can be different so don’t worry we have to
take care a balance graphics, code formatting, files name/Path name, common
file can make a conflict error in application so we need to take care following
things when we are designing an interface for an application all points are
mentioned below:
File Name/Subject Name: (File should be easy and relative with their theme suppose we have one image like header.gif and we have given name as layout 1.gif/jpeg so it’s too difficult to understand and we are using 2 js file for menu in our application first is for main menu and 2nd one is for left/right and we have given the name menu1.js and menu2.js so it can create the confusion correct can be main_menu.js and for 2nd left_menu.js I will suggest you friend never use {-} between the file name ever try to use {_} because sometime we can’t justify the space between the file name in browser’s and It can create error when we are running the application in the browsers )
File Path: (Be ensure about the file path suppose we are using 2-10 CSS files so it is difficult call these files from main folder where we kept the other HTML/JSP/PHP Pages so we should create the one folder with name of css and keep all CSS files inside this folder for images we need to create one another folder as img/images where we will keep the all images whichever have used in the entire prototype for Java script files we need to create one folder as js and keep all js files inside this.)
Inserting external files: (we need to take care for external files which we are calling inside the application page we give a proper path with their declaration if you will missed the declaration it can effective may will not work in all browsers suppose we are calling one external CSS file from the other folder what path is required like this 2nd one is incorrect for js it’s type should be declared properly)
UserInterface Controls : Yes Friends we can control our entire application interface by very few files we can create some CSS files for entire application and application can easily control by this way suppose we have designed the header and have written the classes an ID’s inside the css this header we can apply wherever is required means in a one or more pages in future if we would require to change this look & feel /Design so we can easily make changes inside the css and changes would be applicable in the entire application.
Advatnages of CSS files in user interface designing :
1)
Easy
to modify : we can easily make changes at a time without manual we will
change our CSS file and these would be applicable in entire Prototype wherever
we have applied the same class and Id ‘s in which we made changes.
2) Low file size Yes friend we can
decrease the file size because we are writing the classes inside the CSS and
inserting all images inside the class or ID’s and in our page we are inserting
only one file path so we can decrease the file size.
Some Standard Rules of a good CSS: We should follow some CSS rules which have mentioned below : Build and make your CSS in Firefox and safari if you are using mac )
Some Standard Rules of a good CSS: We should follow some CSS rules which have mentioned below : Build and make your CSS in Firefox and safari if you are using mac )
- Naming Convention (Dear fiends naming convention is a very essential part of good CSS so I will request please use a good naming convention which should be easily understand and belong to that particular section)
- Avoid Inline Styles (Avoid inline style cause of that changes can be difficult or may be impossible some time in entire Prototype/Application so please avoid to write inline styles)
- Avoid @import (with this we can importing some CSS files so it is better to avoid the importing files and keep the right path in our application page by this we can reduce the loading time of our application.)
- Comments Writing in CSS : Be Ensure When we are writing the comments inside the css we should be taking care of comments section in which we are writing it is relate or not with that particular section.
- Avoid Define Same Properties inside the Class and sub classes also : We are defining some classes and Id's as per our page requirements but some time we are writing sub classes and sub id's also so it is totally effect of your coding standard we should define one main id for a section inside that section we can write the classes and avoid to write same properties in id's and sub id's /Classes and Sub Classes also by this we can reduce the code size and it would be easy to modify and understand suppose we have defined the font properties into id then we don't need to call same properties into sub id's and classes.
Be Ensure When we are writing the comments inside the css we should be taking care of comments section in which we are writing it is relate or not with that particular section.
ReplyDeleteI actually enjoyed reading through this posting.Many thanks. Website Design Melbourne
ReplyDeleteGreat !! I visited your blog and useful details for user interface designing . Thank you.
ReplyDeleteGreat !! I visited your blog and useful details for user interface designing . Thank you.
ReplyDeleteThanks for sharing such a great blog. I would like to visit this blog again. Keep Writing
ReplyDeleteHaving a website is beneficial for both the company as well as for the customers because a website builds a communication medium between the customers and the company which is accessible 24/7 and customers can any time browse the particular company website that too free of cost and company can any time update the website with latest changes.
ReplyDeleteWebsite Designing Companies also advertise and do marketing for your company and it products and services through various means like sms marketing or email marketing and Website solutions also helps your company to get into top ranking list by providing a search engine optimization service.
I like the information posted by you about the Website design..
ReplyDeleteI truly like to reading your post. Thank you so much for taking the time to share such a nice information. well ZiteCode offers an easy, fast and very affordable solution to Build websites through our advanced editor while providing all users the tools to Optimize and Broadcast their website through our social networking community.
ReplyDeletemake a website , making a free website , make ur own website
very useful article for everyone, it will surely help me in my website redesign services.
ReplyDeletethanks again for this.
Heya¡my very first comment on your site. ,I have been reading your blog for a while and thought I would completely pop in
ReplyDeleteand drop a friendly note. . It is great stuff indeed. I also wanted to ask..is there a way to subscribe to your site via
email?
Website Design San Francisco
Yes Friends we can control our entire application interface by very few files we can create some CSS files for entire application and application can easily control by this way suppose we have designed the header and have written the classes an ID’s inside.
ReplyDeletelink building services
Hey, nice site you have here! Keep up the excellent work!
ReplyDeleteWebsite Design Services India
Really impressed with the post here.
ReplyDeletelink building is the good way to generate traffic to website.
ReplyDeletePhp Developer India
Thanks for sharing your ideas and thoughts. I like your blog and bookmark this for further use thanks again… :)
ReplyDeletemarsha_d
Nice information about User Interface Designing and Website redesign service .Thanks for sharing.
ReplyDeleteI actually enjoyed reading through this posting.Many thanks...
ReplyDeleteWeb Design India
Keep on writing because this is the kind of stuff we all need
ReplyDeleteCompany website design quote - Nice sharing with us… Thanks…….
ReplyDeleteThis is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up.
ReplyDeleteJodhpuri Suit
This is one of the most incredible blogs Ive read in a very long time. The amount of information in here is stunning,
ReplyDeletelike you practically wrote the book on the subject. Your blog is great for anyone who wants to understand this subject more. Great stuff
please keep it up!
Website Designing Company in India || Website Development Company in India
Internet marketing, also known as digital marketing, web marketing, online marketing, search marketing or e-marketing, is the marketing (generally promotion) of products or services over the Internet.
ReplyDeleteYour Post content are really good and help full for me thanks for this Nice Post web design firms india
ReplyDeleteCool and nice update here.
ReplyDeletehttp://quirktools.com/screenfly/
ReplyDeletehttp://thenewboston.org/list.php?cat=43
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
User interface design has been shared in the post here. Read to know more
ReplyDeletethe website or any other application has some essential components in which the user interface , design and architecture have special value, so all these web building services are mostly offered by single entity. here the user interface is broadly discussed that capture good idea about any web.
ReplyDeleteSuch a nice read. I appreciate the information you shared to us.
ReplyDeleteThank you so much......
web design oakland
Nice post again dear...Your post is very import for Web Designing Company
ReplyDeleteWeb accessibility means that people with disabilities can use the Web.More specifically,Web accessibility means that people with disabilities can perceive,we can do interfacing.website developers in bangalore
ReplyDeleteWow, this is pretty interesting. Inspiring, as well. Thanks for sharing such inspiring experience with us. Great blog, congrats.!
ReplyDeleteI do not even know how I ended up here, but I thought this post was great.Thanks for sharing the valuable information which is going to be definitely useful for the naive who are unknown about the Web Design London.
ReplyDeletevery weekend i used to pay a quick visit this web site, because i want enjoyment, as this this site conations really pleasant funny stuff too.
ReplyDeletewebsite development indore
oman seo
ReplyDeletegreat post thanks for sharing
Thank you Friend.,
ReplyDeleteI really appreciate your efforts & I will waiting for your further write Applications! Web Design Kerala thanks
Webzin Infotech has a mission to provide you with the best of web design and development services . We aim at helping you create the optimum website which will offer your rival and competition websites the competition they need.
ReplyDeletemobile website india
You couldn't pay me to ignore this post, I would love to read it again and again. Thanks for sharing your insights about free mobile messaging app
ReplyDeleteWeb Designing Bangalore There are times when multiple elements might be appropriate for displaying content. When this happens, it’s important to consider the trade-offs.
ReplyDelete