붉은색이 생각해보니 초보자인 저에겐 어려운 색상이더라구요..! 그래서 사이트 컬러셋을 어두운 푸른색으로 전체적으로 바꾸고
로고를 만들어 봤습니다 ^^
https://bestaid.kr
-
Lv16 와 능력자시네요! 완전 기업로고 같습니다!! -
?
Lv30 그정도는 html과 css 로 수정하시면됩니다. 나중에 시도해 보세요. 저도 캡틴님 처럼 시작해서 지금은 그냥 고쳐서 쓰는 정도에요.
구글로 검색하면 왠만한거는 나오니 할 수 있더군요.
레이아웃이 사이트마다 딱 맞게 주문제작한게 아니라 분명 수정이 필요한 부분들이 생길겁니다. 저희는 가로 사이즈도 대폭 넓히고 사이드도 넓히고 여기저기 다 뜯어 고쳐서 원하는대로 쓰고 있어요. -
?
Lv30 옆에 검색창이 위치가 고정되서 로고이미지가 옆으로 길어지면 문제가 된다면..
.gpe_search { position: absolute;left: 131px; bottom: 13px; }
여기 left 값만 조정해도 우측으로 밀어낼 수 있습니다. -
?
Lv30 이미지를 키워서 세로가 커지면...
.gnb2_area_wrap00 {position: relative; z-index: 17; height: 150px;}
height:150px; <--- 이부분을 추가해 주시면 될거 같습니다. 수치는 이미지 사이즈에 맞춰서...
크롬브라우저 개발자도구에서 요소보기 하시면 이런거 맘데로 해보셔서 변화를 보실 수 있습니다. -
?
Lv30 대신 검색창이 .gpe_search { position: absolute;left: 131px; bottom: 13px; }
여기에 bottom: 13px; 값을 0 로 해도 더 내려가지 않는 상황이니.. 그럴때는..
bottom: 13px; 값을 없애고 top:100px; 이렇게 추가하면 상단으로 부터 더 내려갑니다. -
?
완전 부럽습니다. 저는 로고 만들줄 몰라서 글자체만 골라서 쓴다는..
-
?
심플 하게 잘 됐네요~~ 어떤 의미가 담겨 있는지 궁금합니다.
밑엔 참견샷
1. 심볼의 왼쪽 끝으로 붙여서 전체 컨텐츠 좌측라인과 맞춘다.
2. 심볼과 타이포 간격을 여유있게 벌려준다.
3. A의 자폭을 늘여서 글자간의 무게감을 맞춰준다.
4. E S T의 자간을 좁혀서 전체적인 시각적 정렬을 맞춰준다.
5. 검색버튼은 네비게이션과 색을 맞춰 이질감을 줄인다.
6. placeholder로 들어간 글씨 또한 수직 중앙정렬해준다.
7. 검색어 입력창 테두리와 요소들의 명도를 밝게하여 로고의 주목성을 높인다.
8. 헤더 위아래폭 정 중앙으로 로고와 검색창을 정렬해준다.
-
?
?
Lv9 검은색이 바둑판의 선을 표현했습니다.
알파고가 이세돌을 이긴 역사적인 사건을 기억하기 위함인데요.
그래도 한쪽 라인을 지워둠으로서
인간과 인공지능은 앞으로 선을 만들어 가는 것이지 대립하고 있는게 아니라는 것을 설명하기 위함입니다. -
?
?
보시면 폰트 특성인 듯 한데요 A만 유독 자폭이 좁아서 혼자 쭈그러든 느낌이 나거든요
A자폭을 조금 늘여보시면 아래처럼 사각형 형태의 글씨들과 비슷한 무게감을 가질 수 있을 것 같구요
플레이스홀더는 "검색어를 입력 해 주세요" 이부분 말씀드린거예요~ INPUT창에 미리 텍스트가 보여지게 넣어두는 요소죠 -
Lv12 붉은색일떄 더이뻣는데 ㅠㅠ로고는 정말 멋지네요 ㅎㅎ
B랑 E를 상징한거같은데 맞나요? -
Lv12 그리고 바닥에 깔린 그림자도 지워주는게 좋겠네요 Donza님의 샘플이미지처럼 ㅎ