WEB/즐겨찾는 사이트3 border-radius를 자유자재로 조절해보자! Fancy Border Radius Generator 지금은 한풀 꺾였지만... 티스토리를 막 시작해 메인에서 이것저것 바꾸기 재미 들렸을 때, 네모 반듯한 썸네일을 바꿔보려 이리저리 궁리하다가 한 사이트를 알게 되었다. Fancy Border Radius Generator Generator to build organic shapes with CSS3 border-radius 9elements.github.io 바로 Fancy Border Radius Generator! 이름 그대로 border-radius를 아주 fancy 하게 만들어주는 곳이다. 보통 border-radius를 줄 땐 /*원형*/ border-radius: 50%; /*네 모서리 모두 같게*/ border-radius: 30px; /*오른쪽 아래 하나만*/ border-radius: 0.. 2020. 12. 7. 색 이름을 알려주는 컬러 사이트 - Colblindor, Html Css Color, ColorHexa 사이트를 만들면서 브랜딩을 같이 하다보니 작업 시작 단계에서 꼭 해야하는 일 중 하나는 바로 컬러 선정. 어떤 컬러를 메인으로 해서 서브는 뭘 넣고, 포인트는 이걸로 하고 글씨는 또 저걸로 하고... 이렇게 고심해서 고른 컬러에 대해 설명할 때 색상명이 그럴싸하면 내가 왜 이 콘셉트에 굳이 이 컬러를 골랐는지 종종 설명이 되기도 하고, 남들이 이 색상을 보지 않고 이름만 들었을 때에도 어떤 색인지 대충 유추할 수 있게 된다. 한복을 할 때에는 때때로 담황색이나 북청색 등의 고풍스런 느낌 팍팍 나는 단어를 사용하곤 했는데 웹사이트를 만들고 마지막에 ppt작업을 하다보니 좀 더 글로벌한 단어의 필요성을 느꼈다. 그래서 찾은 색상명을 알려주는 사이트 세 곳~ 먼저 왼쪽 색상표에서 마우스로 클릭하거나, 오른쪽에.. 2020. 9. 26. 컬러 헌트(Color Hunt) - 유용한 컬러 조합 사이트! 웹퍼블리싱 수업에서 우리 쌤은 독특하게도 단순히 기존의 사이트 리뉴얼이 아닌, 브랜드부터 새로 만들어 사이트를 만들라 하셨었다. 그래서 가상의 브랜드를 만들어 컨셉을 잡고, 색채를 선정하고 로고를 만들기까지... 가끔 내가 왜 코딩하다 말고 컬러를 뽑고, 브랜드 로고를 만들고 있나 현타가 올 때도 있었지만 이제껏 배운 일러 복습하면서 디자인 감각을 조금이나마 높이는 거라고 생각하면서 작업하다보니 최종적으로 OK를 받았을 땐 그래도 좀 뿌듯했다. 어쨌든 그렇게 몇 사이트를 만들면서 중요하게 와닿은 것이 있다면 바로 색채! 학교 다닐적에 열심히 스와치 오려 붙이며 색채를 공부했다지만 이제와서는 그냥 이론 정도만 대강 기억날 뿐이라 내가 만드려는 웹사이트의 컬러를 뽑아야 할 땐 머리속이 새하얘진다ㅋ 그럴 때 .. 2020. 9. 24. 이전 1 다음
