본문 바로가기

웹디자인

(17)
[시안] 랜딩페이지 [물감툰] 안녕하세요. 플입니다. 오늘의 시안은 물감툰 랜딩페이지예요 1. 물감툰 이번 작업은 랜딩페이지로 원페이지 작업을 해서 시안도 길게 만들어봤어요. 각 메뉴당 아래로 내려가는 형식이에요. 사이트는 연한 노란색을 포인트 컬러로 작업했어요. 캐릭터가 잘 보여야 하는 사이트라 연한 색을 골랐어요. 목업은 사이트가 연한 색이니까 진한 배경을 사용해 사이트가 잘 보이게 만들어봤어요. 요즘 디자인하면서 고려하는 건 잘 보이는 것이에요. 뭔가 이렇게 뽝! 하고 잘 보였으면 좋겠다! 하는 느낌으로 작업하고 있습니다(뭐야 그게) 물감툰이라는 이름을 변경할지 말지 고민하고 있어요. 바뀌면 올라올 사이트에서 이름이 바뀔 거 같네요. 랜딩페이지 작업 문의는 메일로 부탁드려요~ ssimplay@naver.com 더 많은 포트폴리오..
[벤치마킹] 굿디자인웹 안녕하세요. 플입니다. 오늘은 벤치마킹 사이트를 추천드리려고 합니다. 1. 굿디자인웹 http://gdweb.co.kr/ 굿디자인웹 국내 최우수 이미지, 웹사이트. 굿디자인웹 gdweb.co.kr 벤치마킹할 때 주로 찾는 사이트입니다. 굿디자인웹이죠. 업데이트도 빠른 편이고 심사를 거쳐서 올라오는 홈페이지들이다 보니 도움이 많이 됩니다. 유행하는 디자인이나 구조도 생각해볼 수 있습니다. 2. 카테고리 위의 이미지처럼 디자인 타입에 따라서 분류를 나눠 찾아볼 수도 있습니다. 원하는 디자인 느낌을 찾기 편하죠. 모바일이나 해외사이트도 볼 수 있어서 좋습니다. 저는 특히 해외사이트를 볼 수 있다는 점을 좋아합니다. 이렇게 카테고리도 나눠져 있어서 찾아볼 때 유용하죠. 특별한 디자인을 하고 싶다고 생각할 때 해..
[wix] 메뉴 변경하기 안녕하세요. 플입니다. 오늘은 상단 메뉴를 변경해볼게요. 1. 메뉴 클릭 우선 메뉴를 클릭하면 메뉴 관리 버튼이 나옵니다. 우측 메뉴에서 사이트 메뉴가 활성화 될거에요. 여기서 메뉴를 수정해 줄 수 있습니다. 2. 메뉴 변경 메뉴 이름을 변경하려면 우측에 더보기 버튼(...)을 클릭한 뒤 이름 변경을 눌러서 변경할 수 있어요. 저는 링크가 홈이어서 홈으로 이름을 바꿔주고 비공개를 설정해줬어요. 이렇게 눈 버튼이 가려져있으면 비공개설정이 되어서 화면에는 나오지 않습니다. 나머지 메뉴의 이름도 바꿔줬습니다. 비공개로 설정되있는 다른 페이지들은 일단 그대로 두었어요. 3. 하위 메뉴 설정 하위 메뉴는 이렇게 페이지를 상위 메뉴 바로 아래로 드래그해주세요. 페이지가 없다면 아래 페이지 추가 버튼을 이용해서 추가..
[wix] 로고에 링크 넣기 안녕하세요. 플입니다. 오늘은 로고에 링크를 거는 법을 알아볼게요. 1. 로고를 클릭 링크를 걸고 싶은 로고를 클릭해주세요. 아래에 메뉴들이 쭉 나오는데 표시된 부분을 누르면 링크를 넣어줄 수 있습니다. 2. 링크 설정하기 클릭하면 이렇게 여러가지 방법으로 링크를 넣어줄 수 있어요. 저는 페이지로 링크를 걸어줬습니다. 메뉴를 만들 때 홈 메뉴를 보이지 않게 만들어두고 거기에 링크를 걸어줬어요. 3. 링크 여는 방법 선택 링크가 열릴 때 현재 창에서 열릴지 새 창에서 열릴지를 설정할 수 있어요. 저는 현재 창으로 설정했습니다. 완료를 누르시면 로고에 링크가 걸립니다. 링크는 로고 말고도 다른 곳에도 넣을 수 있어요. wix에서 간단하게 링크를 넣어봐요~ 그럼 이만. 총총. .
[wix] 로고 넣기 안녕하세요. 플입니다. 오늘은 홈페이지에 로고를 넣어볼게요. 1. 샘플 로고 지우기 우선 기존에 샘플로 있던 로고를 지워주세요. 클릭하고 우측 도구바에서 휴지통 버튼을 누르면 쉽게 삭제할 수 있어요. 2. 로고 이미지 추가하기 좌측 메뉴에서 +모양의 아이콘에 마우스를 올리면 추가라는 설명이 보여요. 추가 메뉴를 선택해줍니다. 다양한 컨텐츠를 추가할 수 있어요. 저는 미리 준비해둔 로고 이미지를 업로드할거에요. 이미지 > 내 업로드 > 내 이미지 업로드 를 순서대로 클릭해주세요. 그럼 배경 이미지를 업로드할 때와 동일한 창이 뜹니다. 여기서 미디어 업로드 버튼으로 이미지를 올려주세요. 이미지가 추가되면 아래 페이지에 추가 버튼으로 업로드해주세요. 3. 원하는 위치에 등록 추가한 이미지를 드래그하면 이렇게 ..
[wix] 이미지 변경하기 안녕하세요. 플입니다. 오늘은 배경 이미지를 변경해볼게요. 1. 변경하고 싶은 이미지 클릭 변경하고 싶은 이미지를 클릭하면 이렇게 편집할 수 있는 버튼이 나와요. 클릭하면 이렇게 왼쪽에 탭이 열리는데 여기서 설정해주시면 됩니다. 2. 이미지 불러오기 추천 배경에서 배경을 선택하시거나 이미지버튼을 눌러서 가지고 있는 이미지를 설정해줄 수 있어요. 저는 준비해둔 이미지로 바꿔볼게요. 이렇게 배경 이미지를 추가해주시고 배경변경을 눌러주세요. 그러면 이렇게 배경이 바뀐걸 볼 수 있답니다. 3. 디자인에 따라서 추가 작업 시안에서는 아래가 컨텐츠가 없고 바로 하단이죠. 그래서 저는 아래 스트립을 클릭하고 우측 도구에서 휴지통 버튼 즉, 삭제를 눌러서 삭제를 해줬어요. 이제 이렇게 바로 하단이 나와요. 이렇게 배경..
[wix] 템플릿 고르기 안녕하세요. 플입니다. 오늘은 wix에서 스킨을 고르는 법을 알아보려고해요. 1. 사이트 추가 하기 사이트가 없으시다면 바로 스킨을 고르실 수 있을거에요. 사이트가 한 개 이상 있으시다면 사이트 작업에서 사이트 추가를 눌러주세요. 2. 원하는 종류 선택 원하는 종류의 카테고리를 선택해주세요. 저는 비즈니스를 골랐어요. 종류는 나중에 또 바꿀 수 있으니 편하게 골라주세요. 그러면 이런 화면이 나오는데 원하시는 방법을 선택해주세요. 저는 에디터를 사용해볼 생각이어서 에디터로 직접 제작하기를 선택했습니다. 3. 템플릿 고르기 이렇게 여러가지 템플릿이 나오는데 그 중에서 원하시는 디자인을 고르시면 됩니다. 템플릿을 고르고 마우스를 올리면 편집과 보기를 선택할 수 있어요. 보기로 실제 사이트를 확인해보시고 편집을..
[리디자인] 스터디카페 메인시안 안녕하세요. 플입니다. 스터디카페 메인 시안을 완성했어요. 큰 메인베너 사용으로 시원한 화면구성을 시도해봤습니다. 메인 컬러는 블랙과 화이트를 사용했어요. *동명의 업체와는 전혀 관련이 없는 가상의 사이트입니다.