http://opeanut.eond.com/
오피넛 사이트를 리뉴얼 중입니다.
관리자분께서 원하시는 디자인과 설명해서 제가 이해한 디자인의 갭이 큰거 같아요. @_@;;
새로 포토샵으로 작업해보신다고 하는데......orz............
http://smugsmug.com
http://icegee.wixsite.com/iceinn
이 두개 사이트와 같이 작업했으면 한다고 해서 작업한건데 뭐 부족한 디자인 코치 좀 해주세요 ㅠ
-
Lv12 폰트, 폰트크기, 패딩값 등이 마음에 안드는게 아닌가 싶네요. -
?
저는 디알못이긴 합니다만.. 참좀사이트들보면 사진들의 색감이 살아있어요 반면에 다른 디자인요소는 무채색이구요, 만드시는 사이트는 둘다 무채색이라서 그런것같습니다. 색감있는 사진을 크게 넣어보시는건 어떠신지요
-
우선 폰트가 예시 사이트에 비해 지저분 해보입니다.
이부분은 영문과 달리 한글에서 많이 보이는 증상인데...
한글폰트들은 울퉁불퉁해 보이더군요... (받침 등에 의하여)
특히나 폰트 사이즈가 커질경우에 도드라져 보이구요
한글 울퉁불퉁 해보이는건 어떤 웹폰트를 쓰던 비슷하더라구요...
직접 포토샵 등으로 이미지화 시키지 않는이상은... 하지만 메뉴나 글 제목등을 하나하나
이미지 처리할수도 없고.. 사실 이미지가 아닌 텍스트 위주를 SEO에서 보기도 하고...
영문권에서야 표현할 글자가 몇개 없으니 웹폰트를 몇개씩 때려넣어 쓰기도 하지만
한국어 사이트는 웹폰트는 사용이 좀 그렇죠...
notice 등의 최신글 위젯에서 제목이 길경우 줄바뀜이 되는 부분이 있던데...
글자수 제한을 두어서 한줄로 나오게 처리하던가 두줄일 경우에도 이쁘게 보이도록 수정
그리고 B&W 갤러리 같은 경우 마우스 오버시 효과정도 추가하면 이쁠거 같구요
(전체적으로 사이트가 예시 사이트에 비해서 너무 모노톤이에요 ㅠㅠ)
위젯들에서 폰트 사이트 및 패딩값 조정 정도 해주시면 더 눈에 잘 들어올거 같구요
(현재의 폰트사이즈, 배치 등은 다소 너저분해 보입니다.)
그리고 전체적으로 가장 큰 느낌을 받는것이...
예시 사이트의 이미지들에 비하여 이온디님의 사이트의 이미지들이 너무 단조롭습니다.
이게 무슨 말이면...
예시사이트의 이미지들은 로모효과, 색감의 필터 처리 등등이 되어 있는데 비해
이온디 님의 사이트의 이미지들은 원본을 사용하다 보니 전체적인 이미지가 부드럽지 않은
느낌입니다.
CSS상에서 효과를 추가하시던가... (이 부분은 근데 저두 잘 모르겠네요... 브라우저 호환성 문제도)
혹은 포토샵 이나 휴대폰 어플리케이션 (Analog Film) 등에서 이미지 처리를 한번 해주신뒤에
사용하시면 이쁠거 같습니다.
(만약 사진전문 커뮤니티 등의 컨셉이라면... 이부분은 원본을 사용하는것이 맞겠지요)
이상 순수하게 방문자 입장에서 둘러보고 몇마디 남겨봅니다. -
Lv16 긴 말씀 감사합니다. 말씀해주시는 사항들 위주로 작업해봤습니다.
한글이라서 그런 점, 사진이 안 예쁜 점 빼고 ㅠㅠ
폰트 여백 부분 좀 수정해봤고요. 정말 큰 도움 되네요 ㅎ -
Lv16
와우..
아까 보았을때 보다 한결 깔끔해졌습니다.
최근글 위젯 엄청 이쁘게 잘 꾸미셨어요
shop item 부분 제목/글쓴이/본문요약 만 스타일 줘서 구분되게끔만 하면 거의 완벽하겠어요!! -
위에 분들이 이야기 한것 처럼 폰트의 강약..과 여백의 차이가..이 시각적으로 예시 페이지와 다른것 같습니다. 깔끔한 스타일인 디자인은 꼭 폰트 크기의 강약과 여백의 느낌이...중요합니다...^^ 다듬는 일만 남았으니 화이팅하세요.
아 그리고 갤러리들의 이미지 썸네일과 멘 위 이미지 세로 사이즈는 웬만하면 이쁜 비율을 찾으셔야 할듯합니다. ^^ 참고 하세요
-
각 섹션 단락이 너무 큰 건 아닐까요.. 위 아래의 섹션 배치가 전체적으로 한 레이아웃이라는 느낌은 주지 않는 것 같습니다. 섹션 단락이 큰 것에 비해 위 아래 여백도 가독성이 떨어지는 편으로 좁구요. Forum 등의 최근게시물은 양 옆으로도 여백이 없어 가독성이 떨어져요 8ㅅ8
오더 주신 분이 예제로 보여주신 두 개의 사이트의 경우, 이미지가 레이아웃에 달라붙어 있는 느낌이지만 예시 이미지로 쓰신 것들이 레이아웃 자체를 혼란스럽게 하기도 합니다. 추천 드리는 건, 맥델린(http://magdeleine.co/browse) 같은 곳의 (상업 무료 사용 가능) 사이트 참조하시어 심플&모던 이라면 톤을 일률적으로 맞춰주시고, Opeanuts의 O가 포인트 컬러 색상으로 보이는데, 하단 섹션 단락의 타이틀의 경우는 또 그렇지 않아서 같은 레이아웃 부모 아래에 있는 섹션으로 안 보이는 경향도 있구요. 갤러리와 B&W Gallery를 위 아래로 나란히 배치하신 건 따로 오더를 받으신 건지... 그게 아니시라면, 섹션 단락을 위 아래 재 배열 하는 것도 좋을 것 같습니다.
라고 말은 했지만 8ㅅ8 상처 받지 말아주세요...
요새 디자인시 가장 중요하게 생각하는게, UI/UX라 전반적으로 가독성을 제일 많이 중점을 두셔서 디자인 하셔야 하고. 그 다음이 심미성 입니다. :) 파이팅하세요! -
?
Lv9 잘만드셨는데요.
어차피 샘플 사이트도 이미지빨이라..
부자연스러운거 좀 다듬고 이미지 잘 올리시면 이쁘실겁니다. -
?
Lv9 굳이 바꿨으면 하는 부분은 하위메뉴에 있는 불투명 검은색 배경인데 이걸 상위메뉴 옮길때마다 깜박거리는게 조금은 보기 불편하네요. 소스를 보니 :hover 일때 transition 와 opacity: 1 을 이용하는거 같은데 그냥 ul은 바로 배경 보이게 처리하시고 그 밑의 li 나 a 에 이걸 처리하시면 보기 조금더 편하지 않을까 싶습니다.
1. "로그인"글씨를 좀 수정하셔야할꺼 같습니다.
2. 검색란도 클릭하면 변형되던거라던지 검색디자인도 좀 하셔야할꺼 같습니다.
3. "언어변경"을 하단에다가 놓는것은 어떤가요? 아니면 상단 모서리부분에다가요.