XETOWN

분수 광장

특정한 주제 없이 자유로운 이야기를 나눌 수 있습니다.
조회 수 237 추천 수 0 댓글 14
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

http://opeanut.eond.com/

 

오피넛 사이트를 리뉴얼 중입니다. 

관리자분께서 원하시는 디자인과 설명해서 제가 이해한 디자인의 갭이 큰거 같아요. @_@;;

새로 포토샵으로 작업해보신다고 하는데......orz............

 

http://smugsmug.com

http://icegee.wixsite.com/iceinn

 

이 두개 사이트와 같이 작업했으면 한다고 해서 작업한건데 뭐 부족한 디자인 코치 좀 해주세요 ㅠ

글쓴이 이온디

profile
이온디 홈페이지제작상담
■ 웹사이트 : http://eond.com
■ 전화문의 : 0507-1433-0311
■ 전자우편 : eond@eond.com
■ 카톡상담 : http://kakao.eond.com
■ 오픈채팅 : https://open.kakao.com/o/giaKKnl
■ 전문분야 : XE, 워드프레스, 그누보드, 카페24 쇼핑몰, Shopify, 영카트, 우커머스, 누리고
  • ?
    DIZAK 2016.12.19 23:01:50

    1. "로그인"글씨를 좀 수정하셔야할꺼 같습니다.
    2. 검색란도 클릭하면 변형되던거라던지 검색디자인도 좀 하셔야할꺼 같습니다.
    3. "언어변경"을 하단에다가 놓는것은 어떤가요? 아니면 상단 모서리부분에다가요.

  • profile
    이온디 2016.12.19 23:14:37
    그 부분은 일부 요소적인 것이고 메인 전체 디자인 ㅠㅠ
    그 부분은 작업해야해요 ㅎ
  • ?
    DIZAK 2016.12.19 23:21:53
    그렇군요 ㅎ
    그러면 전체적인 디자인 괜찮은데요? ㅎ 깔금하고요 ㅎ
  • profile
    GG 2016.12.19 23:27:59
    폰트, 폰트크기, 패딩값 등이 마음에 안드는게 아닌가 싶네요.
    1
  • profile
    이온디 2016.12.20 03:49:15
    그 부분이 가장 어렵네요 ㅠㅠ
  • ?
    Jack 2016.12.20 00:06:47
    저는 디알못이긴 합니다만.. 참좀사이트들보면 사진들의 색감이 살아있어요 반면에 다른 디자인요소는 무채색이구요, 만드시는 사이트는 둘다 무채색이라서 그런것같습니다. 색감있는 사진을 크게 넣어보시는건 어떠신지요
  • profile
    이온디 2016.12.20 03:48:56
    흑백사진과 컬러사진 배치 위치를 서로 바꿔주니 좀 낫네요 ㅎ
  • profile
    프렌다 2016.12.20 00:53:29
    우선 폰트가 예시 사이트에 비해 지저분 해보입니다.
    이부분은 영문과 달리 한글에서 많이 보이는 증상인데...
    한글폰트들은 울퉁불퉁해 보이더군요... (받침 등에 의하여)
    특히나 폰트 사이즈가 커질경우에 도드라져 보이구요
    한글 울퉁불퉁 해보이는건 어떤 웹폰트를 쓰던 비슷하더라구요...
    직접 포토샵 등으로 이미지화 시키지 않는이상은... 하지만 메뉴나 글 제목등을 하나하나
    이미지 처리할수도 없고.. 사실 이미지가 아닌 텍스트 위주를 SEO에서 보기도 하고...

    영문권에서야 표현할 글자가 몇개 없으니 웹폰트를 몇개씩 때려넣어 쓰기도 하지만
    한국어 사이트는 웹폰트는 사용이 좀 그렇죠...

    notice 등의 최신글 위젯에서 제목이 길경우 줄바뀜이 되는 부분이 있던데...
    글자수 제한을 두어서 한줄로 나오게 처리하던가 두줄일 경우에도 이쁘게 보이도록 수정

    그리고 B&W 갤러리 같은 경우 마우스 오버시 효과정도 추가하면 이쁠거 같구요
    (전체적으로 사이트가 예시 사이트에 비해서 너무 모노톤이에요 ㅠㅠ)

    위젯들에서 폰트 사이트 및 패딩값 조정 정도 해주시면 더 눈에 잘 들어올거 같구요
    (현재의 폰트사이즈, 배치 등은 다소 너저분해 보입니다.)

    그리고 전체적으로 가장 큰 느낌을 받는것이...
    예시 사이트의 이미지들에 비하여 이온디님의 사이트의 이미지들이 너무 단조롭습니다.

    이게 무슨 말이면...
    예시사이트의 이미지들은 로모효과, 색감의 필터 처리 등등이 되어 있는데 비해
    이온디 님의 사이트의 이미지들은 원본을 사용하다 보니 전체적인 이미지가 부드럽지 않은
    느낌입니다.

    CSS상에서 효과를 추가하시던가... (이 부분은 근데 저두 잘 모르겠네요... 브라우저 호환성 문제도)
    혹은 포토샵 이나 휴대폰 어플리케이션 (Analog Film) 등에서 이미지 처리를 한번 해주신뒤에
    사용하시면 이쁠거 같습니다.
    (만약 사진전문 커뮤니티 등의 컨셉이라면... 이부분은 원본을 사용하는것이 맞겠지요)


    이상 순수하게 방문자 입장에서 둘러보고 몇마디 남겨봅니다.
  • profile
    이온디 2016.12.20 04:48:50
    긴 말씀 감사합니다. 말씀해주시는 사항들 위주로 작업해봤습니다.
    한글이라서 그런 점, 사진이 안 예쁜 점 빼고 ㅠㅠ
    폰트 여백 부분 좀 수정해봤고요. 정말 큰 도움 되네요 ㅎ
  • profile
    프렌다 2016.12.20 04:57:12
    와우..
    아까 보았을때 보다 한결 깔끔해졌습니다.

    최근글 위젯 엄청 이쁘게 잘 꾸미셨어요
    shop item 부분 제목/글쓴이/본문요약 만 스타일 줘서 구분되게끔만 하면 거의 완벽하겠어요!!
  • profile
    착한악마 2016.12.20 10:00:13

    위에 분들이 이야기 한것 처럼 폰트의 강약..과 여백의 차이가..이 시각적으로 예시 페이지와 다른것 같습니다. 깔끔한 스타일인 디자인은 꼭 폰트 크기의 강약과 여백의 느낌이...중요합니다...^^ 다듬는 일만 남았으니 화이팅하세요.

     

    아 그리고 갤러리들의 이미지 썸네일과 멘 위 이미지 세로 사이즈는 웬만하면 이쁜 비율을 찾으셔야 할듯합니다. ^^ 참고 하세요

  • profile
    김햄C 2016.12.20 10:07:52
    각 섹션 단락이 너무 큰 건 아닐까요.. 위 아래의 섹션 배치가 전체적으로 한 레이아웃이라는 느낌은 주지 않는 것 같습니다. 섹션 단락이 큰 것에 비해 위 아래 여백도 가독성이 떨어지는 편으로 좁구요. Forum 등의 최근게시물은 양 옆으로도 여백이 없어 가독성이 떨어져요 8ㅅ8

    오더 주신 분이 예제로 보여주신 두 개의 사이트의 경우, 이미지가 레이아웃에 달라붙어 있는 느낌이지만 예시 이미지로 쓰신 것들이 레이아웃 자체를 혼란스럽게 하기도 합니다. 추천 드리는 건, 맥델린(http://magdeleine.co/browse) 같은 곳의 (상업 무료 사용 가능) 사이트 참조하시어 심플&모던 이라면 톤을 일률적으로 맞춰주시고, Opeanuts의 O가 포인트 컬러 색상으로 보이는데, 하단 섹션 단락의 타이틀의 경우는 또 그렇지 않아서 같은 레이아웃 부모 아래에 있는 섹션으로 안 보이는 경향도 있구요. 갤러리와 B&W Gallery를 위 아래로 나란히 배치하신 건 따로 오더를 받으신 건지... 그게 아니시라면, 섹션 단락을 위 아래 재 배열 하는 것도 좋을 것 같습니다.


    라고 말은 했지만 8ㅅ8 상처 받지 말아주세요...
    요새 디자인시 가장 중요하게 생각하는게, UI/UX라 전반적으로 가독성을 제일 많이 중점을 두셔서 디자인 하셔야 하고. 그 다음이 심미성 입니다. :) 파이팅하세요!
  • ?
    DoorWeb 2016.12.20 14:47:07
    잘만드셨는데요.
    어차피 샘플 사이트도 이미지빨이라..

    부자연스러운거 좀 다듬고 이미지 잘 올리시면 이쁘실겁니다.
  • ?
    DoorWeb 2016.12.20 14:57:13
    굳이 바꿨으면 하는 부분은 하위메뉴에 있는 불투명 검은색 배경인데 이걸 상위메뉴 옮길때마다 깜박거리는게 조금은 보기 불편하네요. 소스를 보니 :hover 일때 transition 와 opacity: 1 을 이용하는거 같은데 그냥 ul은 바로 배경 보이게 처리하시고 그 밑의 li 나 a 에 이걸 처리하시면 보기 조금더 편하지 않을까 싶습니다.

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...