Posts

Showing posts from December, 2021

Masking in Photoshop

Image
 Masking  Masking is one term but many uses. sometimes it is used for correcting mistakes, sometimes for out-of-bounds effect, for making image composites, etc. In this session, we learned 3 types of masking. Layer Masking ,  Vector Making , Clipping Mask.  Exercise 1 was to make a normal mask which is separating the main subject from the background and we had to merge it into another image. the source was provided and we learned new tools like select and mask so we can modify the mask whenever we want otherwise masking is destructive change and we cant redo it.  (The Unmasked photo) (The Masked Photo) The masking is also used for out-of-bounds effect this effect is simple but spectacular and this is one of my favorite effects because it gives a 3d effect without the hassle. In this effect, we just had to add a picture and a text in that way in which we can use this effect. then by applying this effect we can add out some part of the duplicated picture and move it forward in layers so

Heuristics for User Interface Design

 Match between system and the real world   User research will help you uncover your  users' familiar terminology,  as well as their mental models around important concepts.  Aesthetic and minimalist design Keep the  content  and  visual design  of UI focus on the essentials. Don't let unnecessary elements distract users from the information they really need. Prioritize the content and features  to support primary goals.  Help users recognize, diagnose, and recover     from errors Tell users what went wrong in  language they will understand  — avoid technical jargon. Offer users a solution, like a shortcut that can solve the error immediately. Help and documentation Whenever possible, present the documentation in context right at the moment that the user requires it.

User Experience Test (Coffee Shop Websites)

 1)    Could the sites do anything better to present the actual interior atmosphere of their shop? I do think that Sites should have more photos of coffee shops and photos of the view from that shops. It would attract more customers because they are getting a comfortable yet luxury environment but with a good view. 2)   Were there any other qualities about the different sites that this activity didn't take into account? Most Importantly the websites did not had the search button in shop. Which is crucial because if customers are looking for anything in particular and they have to scroll through looking for the product then they will feel irritated and its time consuming as well.  3)  If you were asked to work with a team to build a new coffee shop's website - which example would you be more influenced by? I am most influenced by starbucks because of its intuitive layout. There is always something in homepage which attracts you . like offers or new product. It has explicit displ

Editing and Updating WordPress

Image
 After a long time we came back to wordpress to Update our portfolio sites by showcasing our new Projects and style and customise our Website using CSS which we learned in this week.  As soon as I dived in I knew what had to done so I started firstly with the background images. I changed them from the ones came with the New Teluro theme . I liked this theme because it was subtle and there was loads of things to experiment. I changed my Header style , Font size , Front page layout , I added a GIF which I Animated last week into the Homepage .  As I have an image slider as plug in just below the Homepage . I changed that particular images to mine projects of Respective software application . Suppose if there is slider named photoshop projects in the background there is one of my photoshop project.  (The Image Slider) I designed my pages using blocks . Blocking gives an enhanced look to the website because it has structured layout . I added columns . They were mostly in 30 to 70 proportio

HTML & CSS - Web with Adobe Dreamweaver

Image
  Introduction to the internet. We started the day by discussing the ideas and origin of the internet. listened to a Ted talk about the internet. Finally, we got our hands on the computer and started the program Adobe DreamWeaver. Firstly we went through some basics of the program, some basic knowledge about HTML language. like what are tags and attributes? Then we set up our work environment by splitting the screen. There was code on one side and the result of the code on the other side. We started by designing a very basic format of a webpage with headings, sub-headings, and a couple of images. In that exercise, we learned how to insert headlines, tags, and images. How to change fonts and the color of fonts. how to change the background color. Most importantly how to save the document.  We used codes like;  <h1> Big Heading </h1>   <h2> Sub Heading </h2>  <p> Your paragraphs are split with these... </p>  <a href="https://website.com/"&