Skip to content

我是派

設計 藝術 攝影 影音

Category Archives: Design Info

Link

Advertisements

任何設計都有一定的基本元素 基於人的慣性 會給予一種和諧的視覺享受 即使是大師級的作品也離不開這些設計的根性!! 所以徹底了解這些元素非常有助於設計 一起來看看有哪些吧!! (有機會會翻譯成中文的…..XD) 

Line

Perhaps the simplest element you can use is a line. A line is a form with width and length, but no depth. The type of lines you use can convey different feelings, moods and add strength to your ideas.

Each of the lines above conveys its own emotion. By varying thickness, curves and stroke width we can produce different feelings or ideas.

 

Lines for Organization

In regards to web design, lines are used abundantly to divide sections of content or to join sections that are related to each other. On websites and in magazines we see lines used to frame photographs, separate sidebars and join articles together.

The Grid

Consider using a grid to better position elements on a page. The grid itself is invisible on the final design, but sometimes grid lines are drawn to strengthen the effect of the grid. This can help maintain consistency throughout a website.

The website for Things that are Brown uses a 16-column grid as a foundation of their design.

  • Lines convey different emotions. Think about which type of line best suits your design: Thick, thin, wavy, dotted, dashed, hand-drawn.
  • Decide the purpose of the line. Is it to add two related parts together, or separate elements? Do you want to add a border around an image?
  • grid can be used to organize information more effectively, as well as streamline the development process.

Unfinished Business School is an example of a site that uses a lot of curved and dashed lines to indicate movement and energy.

Form

Forms are three-dimensional objects within a design, like a sphere or cube. Forms are common in actual three-dimensional graphic design, of course, but are also seen in web and print design. Website designs that use 3D techniques are making use of forms. A form can be geometric, organic, natural, realistic, abstract and non-objective.

Ultimate Interactive Studio uses shadow to create form, giving the viewer the illusion that a line is elevated in space.

 

Gold Coast Web Design uses shadow to give the illusion of the page coming forward.

 

Shape

Shapes are two-dimensional. A shape is formed when a line encloses an area. Shapes can vary endlessly and can suggest physical form and direct eye movement. Simple shapes are remembered and understood more easily than complex shapes. Circles, squares, rectangles, triangles, and any other kind of polygon or abstract shape are shapes. Using shapes allow us to control or guide the viewer through the layout as we want.

  • Think about what is the most appropriate way for you to use a shape. Is it a photograph, illustration, block of color or a block of text? Remember, less is more, don’t drag you viewers eyes all over the place by using too many shapes.
  • Are the shapes you’re using leading the viewer’s eye to the right places?
  • Long blocks of text can often be broken up using shapes, lessening the strain on the viewers eyes.

Quen Estuda Faz uses shape throughout their site to clearly delineate information from the next.

Texture

Texture is a great way of establishing a mood for a design. Whether you use them subtly, or more pronounced, texture can establish a feeling or conjure up memories to the user. The most commonly seen textures, apart from flat or smooth, are things like paper, stone, concrete, brick, fabric, and natural elements.

We can give the impression of texture by using background images of various material, for example, stone, cardboard and scanned old paper or cloth are used frequently by web designers to bring a tactile element to their website.

  • Don’t use texture for the sake of it. Use it when it supports the message your communicating
  • Texture is not limited to backgrounds. Use images, either Photographs or Illustrations that show elements that are in complete contrast to each other. Use strongly contrasting type such as grungy, rough or distorted type with a smooth, elegant font.

The use of texture on the website for Havana Club adds a layer of authenticity to the design.

 

Prologue Advertising uses texture as a background element in their header.

Color

In addition to being one of the most obvious elements of a design, color has the ability to create strong emotional reactions. A user can consciously and subconsciously apply certain meanings or emotions to different colors.

Color Theory is another important aspect of design and one you should be familiar with. You should know the difference between:

  • shade (when black is added to a pure color),
  • tint (when white is added to a pure color) 
  • tone (when gray is added to a pure color).

Keep these pointers in mind when using color in your web designs:

  • If too many colors are used in a design, the viewer will become visually confused and will reject the image. Conversely, if not enough color is used, boredom results.
  • More harmonious effects can be achieved by using colors that are close together on the color wheel.

Color Scheme Designers
Color Theory For Designers

The website for Indofolio uses color generously on the bold, eye-catching site for the designer.

Value

How light or dark a particular element is can be referred to its value. Value can be used for emphasis. Variations in value are used to create a focal point for the design of a picture. A light element on a dark background will be immediately recognized as the center of attention, similarly for a dark element on a mostly white background.

  • Value can be described simply as the relative lightness or darkness of an object. Like contrast, value can add depth and dimension to your designs.
  • Value is used to describe objects, shapes, and space.
  • If you can’t tell the value of something just by looking at it, convert it to grayscale in Photoshop to get a better idea.

Web is Beautiful uses value to delineate hierarchy on their website.

 

Conclusion

As you can see, the elements Line, Shape, Form, Texture, Color, and Value can work to create memorable, carefully thought-out design. In many cases combining these elements in one design can create impactful design solutions that resonate with the viewer. In all cases, make sure you evaluate the use of each design element and whether or not it contributes to the overall message your trying to convey. The result will be more noticeable and striking than throwing all the  elements together in one design.

 

source


“Bonus Question! Any suggestions out there for students or newbie designers trying to learn and grow as designers?”

“Absolutely! The best thing I ever did when learning to design was to spend copious amounts of time in my local Borders reading through all the expensive books on design and typography which I couldn’t afford to buy. There’s so much great information which isn’t yet available online, in fact with books often there’s a lot to learn simply by looking at how the books themselves have been designed!”

Collis Ta’eed interview at DesignO’Blog

“I see that you design brilliant icons. Give us some tips for designing an effective icon…”

“An effective icon should be simple and meaningful. So, make your icon as simple as possible. You can go fancy with the various effects, but keep your icon as minimal as possible. The entire point of an icon is to communicate a single message to the users.”

Nick La interview at Vector Tuts

“What are your best methods for finding/attracting clients?”

“The best way is having a very good network and let people know about your work. The promotion is the most difficult part of the process but as soon as you get a client and you do a good job, they recommend you. Also there are so many good sites to find jobs and even different ways to get work like writing tutorials for example.”

Fabio Sasso interview at FuelYourCreativity

“Walk us through your creative process. Do you start your process with references or sketches on paper or wireframes, or are your initial concepts more spontaneous? Is there some difference in thought processes between web and print projects?”

“The problem is that my process isn’t always the same; it mostly shifts depending on what it is that I am working on. The most constant part in my process is logo design where I almost always start with sketches in my little sketchbooks and scan them in to start the process in Illustrator. When designing websites it depends on how complex the project really is. When it is really complex I always start by wire-framing the most difficult parts before actually starting to move to Photoshop. Some concepts happen spontaneously, but not often. After receiving an OK from the client, I move over to create the final HTML/CSS part. There, I always start with structure first in HTML before starting to style things. The Illustrations that I draw almost always start on paper first, well at least the basic idea. Sometimes I end up with a different result due to experimenting.”

Veerle Pieters interview at Vector Tuts

“Lots of designers struggle when faced with the task of creating a logo for themselves. How would you advise a designer who is trying to figure out how to best to brand themself?”

“Tough question, especially given that I spent the bulk of a year on my own identity design (brainstorming, sketching, finalizing, then scrapping it and returning to the start). Settling on a design that represents you needs to be a very personal thing, so I guess if there’s one tip I can give, it’s to make your identity reflect who you are. With that said, it’s your client work that sells you, so if in doubt, why not opt for a clean, professional logotype?”

David Airey interview at Colorburned

“What, for you personally, are the pros and cons of being a designer?”

“The biggest pro is that I love what I do so it is not really work which gives me the highest satisfaction. The cons of being a freelance designer is that you have to be disciplined, your own boss and do all of the business administration yourself.”

Jacob Cass interview at Abduzeedo

“What books do you consider must read?”

“Providing you have the time, all books! With regards to design and development when I was writing my dissertation I really enjoyed Jeffrey Zeldman’s designing with web standards, it’s a really good book that provides the necessary foundations for good web standards. Other than that its been a while since I read any design/development orientated books. On my list to read though I would like Smashing Magazine’s book and also David Airey’s book, Logo Design Love. Outside of the work world I am currently reading Robinson Crusoe.”

Damian Herrington interview at admixweb

“Where did you go to school and has it helped you become a better web design professional?”

“I attended the secondary school and high school “Nicolae Tonitza” in Bucharest. Then followed The Fine Arts University “Nicolae Grigorescu” in Bucharest, Department of Graphic Design. Surely the 15 years of study were a great help. Studies matter a lot but they are just the first brick in the making of a web designer or a graphic designer.”

Simona Buzatu interview at SWD

“How does a student determine whether design is for them or they should pursue another career?”

“Do what you love doing. That goes for any career. If you are bored with the industry now, then it probably isn’t for you! If you love what you are doing, then work and fun can merge a lot of the time, which is a much better way to live than dreading the 9:00-to-5:00 every day. Yes, you need talent, but enthusiasm, a love of what you do and hard work can get you a long way. :)”

Rachel Andrew in a group interview at Smashing Magazine

“What are some of the best ways for new designers to find clients?”

“Go after them. Don’t expect clients to come to you if you’re new to the industry. What worked the best for me was cold-emailing agencies for their overflow work. Some people might think that’s spamming, but it isn’t if it’s short, relevant and only done to a company once.”

Amber Weinberg in a group interview at Smashing Magazine

“What advice would you offer to young entrepreneurs looking to establish themselves in the online world?”

“The Internet is an enormous space, and there’s room for anyone to make a living doing what they enjoy.

If you’re wanting to build a web application to fill a niche (or just solve an existing problem better than everyone else), check out 37Signals’ blog. They’re opinionated and contentious, but have some absolutely fascinating insight and advice to share.

If you want to start a blog, read Crush It. If any book will give you a background to the tools and techniques used in blogging today, this one will. It’s also worth following Skellie, a remarkably talented blogger and writer who manages Envato’s Tuts+ websites.

Don’t quit your day job tomorrow to set up an online business. Start small, and understand that building a presence online takes time. Jump on any opportunities that come your way, and don’t be afraid to fail. If you’re building a bricks-and-mortar business, failure is usually a financial disaster. If your online project fails, there’s a good chance that no-one will even notice (and it won’t cost you a penny).”

David Appleyard interview at Elite By Design

“You’ve worked for a number of studios. Was it a useful experience? What made you want to work for yourself?”

“Vital! This is a must for all designers or developers, no matter which studio you work for you will learn and you will learn a lot. I once worked for a studio which was possibly the worst place I have ever worked, getting out of there was like being resuscitated from drowning, but I still took positives from it. Even if all you learn is how to treat customers and fellow peers, you’ve learnt something vital.”

Rich Brown interview at Designinterviews.com

“In your opinion, what is the best way to test the usability of a website?”

“Follow the 3 basic rules: get representative customers, ask them to perform realistic tasks, and shut up and let them do the talking. You only need 5 users to uncover enough usability insights to keep you busy for months. Even though there are only 3 rules, they are routinely violated in many studies. For example, it’s wrong to test with your friends or colleagues. You need to bring in external users who are representative of the target audience and who don’t know anything about your project. And you can’t just let them fool around: they have to do real tasks. And, of course, you have to keep from biasing their behavior and giving them hints about how to use the site.”

Jakob Nielsen interview at Webdesignerdepot

“What role has social media played in your blog’s success?”

“Not a whole lot. Social Media is young, and for all we know, it might just be a trend. That’s not an attack (I’m addicted to Twitter), but it seems strange to me that there are so many “Social Media Experts”. That’s roughly equivalent to calling oneself an “expert at talking to people online over several mediums”. It just doesn’t make much sense to me. I grew up on the Web, so a lot of the online social scene is just a natural thing to me. It’s a great way to chat and connect with people, and it’s definitely offered a great deal of opportunity to entrepeneurs. Maybe it’s contributed to sending some traffic my way, but it’s miniscule compared to the tried and true methods of just developing quality materials.”

David Legget interview at Colorburned

“What is the most important question you ask when first meeting with a client to discuss a new design or project?”

“I think that first meeting should be 75% about them. Who they are, what they do, why they do it, who their customers are, what the goals of the project are. That kind of thing. Then 25% about you. Who you are, how you work, what you expect, things you have done in the past that might be relevant. It should be 0% about design, technologies used, or any specifics about what the final product might be. After you get a good feel for each other, then the NEXT discussion can be more focused on a proposal and ideas for a final product.”

Chris Coyier interview at Nettuts

“When you are low on inspiration where is a common place that you turn to?”

“I really like to look at design related imagery, a book cover, a poster, a typographic arrangement or a good typeface, anything from music to retro stuff like B-movies, music band posters or even illustrations and typography from medieval books can be a source of inspiration.”

João Oliveira interview at PSDTuts

“What words of advice would you give to an aspiring designer just starting out?”

“Sketch, sketch sketch. Also try different creative activities that you haven’t tried before such as photography or painting. You never know what you will be good at and you may pick up some really unique design ideas and methods you’ve never thought of before that you can apply to your work.”

Adelle Charles interview at Myinkblog

“What do you find to be the most challenging part of running a blog?”

“The most challenging aspect is continuously thinking of new content. I have a posting schedule of one post per week, with a roundup of interesting news articles every other week, yet I still find times when I’m stuck for content! On the other hand I’ll sometimes be able to schedule a batch of posts for the upcoming month.”

Chris Spooner interview at Inspiredology

“Do you think it’s important for a designer to not be restrict in using only photoshop and move on to 3d as well?”

“I have found it more effective to use a mix of 3d, photos and painting to achieve the level of detail I strive for in my images, but this is just my personal way of working. Some people can create fantastic images with photoshop only, and that’s just the way they work. That said, learning 3d can open up whole new worlds in your artwork. I can really give you the flexibility to create anything you dream up. I started with a program called Bryce, and this gave me the basic stepping stone into 3d. Cinema 4d is my preferred 3d package simply for its intuitive design and ease of use. Someday i would love to learn Zbrush to take my artwork to the next level.”

Christopher Haines Interview at Abduzeedo

“What are the biggest challenges that you face in web design currently?”

“My personal challenge is a lack of time to learn everything I would like to. For instance, I’d love to master motion tools, but still don’t have time. Maybe next year… In general, the biggest challenge is educating clients about the user experience, explaining why they need usability testings and reviews, and about the true powers of their web site or application. Many investors come to me with an idea of forums and/or similar community features, but they rarely realize that they don’t have resources to handle this. They often overhear the idea (or read a blog post entitled “Increase revenue with social network”), but can neither really understand nor explain why they need it.”

Marko Dugonjić interview at Nettuts

Conclusion

Interviews are definitely a great way to get inspired and to know a bit more about the professional world. With so much information available, the only wall between you and success is your will and motivation. Go after them!

 

source

以往要看設計作品 了解設計動向或是要尋找靈感 只能從報章雜誌或是書籍上吸取資訊 現代人有部落格這東西根本就爽翻天 能就近(雖然還是只限網路)且隨時隨地閱讀設計的消息與作品 簡直就是!!爽!! 網路上有太多太多關於設計的部落格 以下介紹的都是設計界裡你一定要放入每日閱讀裡的 還等甚麼!!快訂閱!!

SpoonGraphics

SpoonGraphics

ChrisWallace

ChrisWallace

–>

Cssglobe

Cssglobe

DesignMag

DesignMag

Function

Function

NaldzGraphics

Line25

Line25

24ways

24ways

Nettuts

Nettuts

Noupe

Noupe

PSDFan

PSDFan

PSDVIBE

PSDVIBE

ReEncoded

ReEncoded

SmashingApps

SmashingApps

SmashingMagazine

SmashingMagazine

StylizedWeb

StylizedWeb

VandelayDesign

VandelayDesign

Walyou

Walyou

WebdesignerDepot

 

WebdesignerDepot

WebDesignLedger

WebDesignLedger

FudgeGraphics

FudgeGraphics

JustCreativeDesign

JustCreativeDesign

MyInkBlog

MyInkBlog

FuelYourCreativity

FuelYourCreativity

Speckyboy

Speckyboy

OutlawDesignBlog

OutlawDesignBlog

YouTheDesigner

YouTheDesigner

CSS-Tricks

CSS-Tricks

DavidAirey

DavidAirey

ThinkDesign

ThinkDesign

SpyreStudios

SpyreStudios

Skelliewag

Skelliewag

FreelanceFolder

FreelanceFolder

FreelanceSwitch

FreelanceSwitch

GuerrillaFreelancing

GuerrillaFreelancing

ColorBurned

ColorBurned

source

1. Coroflot

Coroflot算是最老也是最耳熟能詳的網頁設計工作網站 它每天都有新的工作更新 很多大公司會在上面找人才 找工作必去的網站!!

2. 37 Signals

37Signals有很棒的工作列表 很多的大公司會在上面找人才 例如The New York Times, CNET, Facebook, Adobe和Trek

3. Yahoo Hot Jobs

Yahoo上關於設計工作的頁面有很多工作的機會 就像是104人力銀行 是找網頁設計工作一定不能錯過的網站之一

4. CrunchBoard

CrunchBoard是現在主要尋找工作的網站之一 由  TechCrunch 這個部落格的作者所做的 (這個部落格是關於網路產品與事業的內容 很棒的資訊 一定要去瀏覽一下)

5. Web Designer Wall

Web Designer Wall是一個很棒的網頁設計部落格 在上面也有設計相關的工作機會 不論你是新手或是高手 都可以來這裡找看看機會

6. Mashable Jobs

Mashable job除了是部落格之外 也提供很多不同類型的工作 有很多的資訊 值得一逛!!

7. Smashing Jobs

Smashing 有超過9萬人的訂閱 是非常火紅的網站 而它們的工作列表也是提供的非常豐富

8. Authentic Jobs

Authentic Jobs是一個很棒的網頁設計工作網站 上面有非常多的工作機會 不論你是沒經驗或是老手 一定有你適合的工作

9. Read/WriteWeb Jobs

也是一個很棒的網頁設計工作網站

10. CenterNetworks Job Board

另外一個找網頁設計工作一定要上的網站

 

source

1. Coroflot

Corflot擁有超過80,000個設計者作品集 並有超過700個以上工作需求名單. 工作的內容很詳細的分配在不同類別 所以很容易可以尋找到你要的設計類型工作

2. Behance

Behance是新的設計網站 可是成長的非常快 上面有很多設計作品提供你的靈感  工作需求名單往往非常競爭

3. Authentic Jobs

Authentic jobs每個禮拜都會更新設計工作需求名單 全職或半職都有

4. AIGA Design Jobs

AIGA 美國平面設計協會的縮寫 為美國最大的平面設計組織 以收費會員制營運 網站上有很多設計師的作品 也有很多設計工作的機會 甚至很多大公司都會到這上面來找人才 不要錯過這個網站喔!

5. Krop

Krop是其中一個最大最有名提供設計工作的網站 它的歷史悠久 提供許多工作機會 有很多頂尖設計公司常會到這來找人才!!

6. design:related

design:related是一個提供設計相關工作的網站 例如設計管理之類的 也有很多的工作機會喔!

7. Freelance Switch

freelance switch也是另一個發展很迅速的網站 提供設計相關領域的工作

8. Smashing Magazine

Smashing Magazine是一個設計相關的部落格 非常整齊的工作列表 有全職或freelance

9. Fresh Web Jobs

Fresh Web Jobs比較多網頁設計方面的工作 不過也有些平面設計的工作機會

10. Simply Hired

Simply Hired是一個很棒的網站 它融合了多個網站的工作機會 並且幫你過濾掉你不需要的工作

source