: How professionals design they top notch websites? I'm a beginner web developer and I always create my websites using css framework such as Semantic-UI or bulma.io. Yesterday I saw this http://seanhalpin.io/

Posted in: #DesignPrinciples #InterfaceDesign #SketchApp #WebsiteDesign #WebsiteTemplates

I'm a beginner web developer and I always create my websites using css framework such as Semantic-UI or bulma.io. Yesterday I saw this seanhalpin.io/ portfolio and I am amazed of how great, clean and unique the whole page looks. I also looked at the work section and I feel the same about just every webpage included in this portfolio.

I'm wondering, how can I create such a clean and unique websites like this guy? Maybe you know what the process of creating such websites looks like. Does he create any sketches on paper, or in illustrator, or what? I tried to use Sketch app but it's bit complicated and I don't think he uses that. What is the key tool in creating beautiful, clean websites?

10.01% popularity Vote Up Vote Down

: How would I create a gradient background like this? I need to replace the vessel seen in the below image with another vessel. I have already cropped the vessel that needs to be placed there

@Samaraweera207

Posted in: #AdobePhotoshop #Gradient

2 Comments

: How can I enable inner bleeds with prime faces enabled in InDesign? How can I enable inner bleeds in InDesign? On the screenshot you see prime faces option, and 5mm bleeds. But, as marker on

@Samaraweera207

Posted in: #AdobeIndesign #Bleed #PageLayout #Pdf

2 Comments

: Automate drawing lines between multiple objects illustrator I would like to be able to connect multiple objects to the same point using some sort of automated routine. Say I have 20 squares

@Samaraweera207

Posted in: #AdobeIllustrator #Automation

0 Comments

: How to convert a square SVG to all-size ICO? I've drawn an icon in InkScape and would like to export it to an ICO file that would include sprites for all the reasonable resolutions (16x16,

@Samaraweera207

Posted in: #Favicon #Icon #Inkscape #Svg

3 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Becky351

The best thing you can do is what you're currently doing: looking at good web design. Figure out what you like about the layouts and try to replicate it. If you don't know how they achieved it, in Google Chrome you can right click and Inspect Elements to hover over parts you like and view the code.

From the look of that por folio, he employs many popular UI design decisions. Creating 100% width section DIVs with background images, one page website design and overlapping some elements in between sections such as images between two sections.

The key tool is to try to replicate what you like by studying design you like. Figure out what makes it good and then make it your own.

10% popularity Vote Up Vote Down

Feed

: How professionals design they top notch websites? I'm a beginner web developer and I always create my websites using css framework such as Semantic-UI or bulma.io. Yesterday I saw this http://seanhalpin.io/

More posts by @Samaraweera207

: How would I create a gradient background like this? I need to replace the vessel seen in the below image with another vessel. I have already cropped the vessel that needs to be placed there

: How can I enable inner bleeds with prime faces enabled in InDesign? How can I enable inner bleeds in InDesign? On the screenshot you see prime faces option, and 5mm bleeds. But, as marker on

: Automate drawing lines between multiple objects illustrator I would like to be able to connect multiple objects to the same point using some sort of automated routine. Say I have 20 squares

: How to convert a square SVG to all-size ICO? I've drawn an icon in InkScape and would like to export it to an ICO file that would include sprites for all the reasonable resolutions (16x16,

Login to post a comment!

1 Comments

Back to top | Use Dark Theme