본문 바로가기

UI6

[노코딩툴] 아임웹으로 기업홈페이지 만든 후기 두 달 전에 아임웹으로 기업홈페이지를 만들었습니다. 디테일한 부분까지 디자인할 수는 없었지만, 개발자 없이 쉽게 만들기에는 꽤 괜찮은 선택이었던 것 같습니다. 작업 전 고려해야할 것은 아래와 같습니다. 사용할 플랜 디자인의 복잡성 작업하기 전 고려사항 사용할 플랜 아임웹은 플랜마다 가격도 다르고 제공하는 기능들도 다릅니다. 제가 속한 회사의 경우, 이미 기업홈페이지가 있는 상태였고 해당 url이 아주 많은 곳(명함, 회사 홍보물 등)에 적혀 있었습니다. Free 플랜을 사용하면 기본 도메인인 imweb.me밖에 사용하지 못하며, starter 플랜은 일당 20GB로 트래픽 제한이 있었죠. 이에 저는 PRO 플랜을 구입해 개인도메인을 연결하는 작업을 거쳤습니다. (개인도메인 연결은 아래 링크를 참고하시면 .. 2023. 7. 10.
[도서] <카피 쓰는 법> 리뷰 기억에 남는 구절 누군가와 함께할 때 우리의 마음은 언제 움직이나요? 바로 상대방과 내가 비슷하다고 느낄 때, 상대방이 날 알아줄 때 입니다. 타인을 알기 위해서는 그 사람이 되어 봐야겠죠. 이해하려고 노력해야 합니다. 고객을 조급하게 해서 사야 될 것만 같게끔, 필요하지도 않은데 구매하도록 만드는 게 아니라 제안하고 설득하는 담백한 메시지로 한번 시도해 볼 용기를 주는 거죠. 자기만의 주관을 갖되, 내 기준에 안 맞는 것을 무시하거나 배척하는 게 아니라 일단 이해하려고 노력해 보는 거예요. 타인의 믿음, 행동, 결정에 ‘그럴 수도 있겠다’라고 반응하는 거예요. 그래야만 나와 다른 성별, 다양한 연령대의 사람들에게 내 제품과 서비스를 한 줄 카피로 제안할 수 있습니다. 기억해야할 규칙 관찰하기 선명하게,.. 2023. 6. 27.
[피그마] config 2023 - 오토레이아웃, 반응형 디자인에 더 유용해졌다! 1. 오토레이아웃 (auto layout) - min/max값 설정하기 버튼을 예로 들면, 오토레이아웃으로 버튼을 만든 후 프레임을 선택한다. 그리고 width값 add min width/ add max width/add min height/ add max height 값을 적용하면 끝이다. 적용된 결과를 확인하면 아무리 너비 혹은 길이를 늘리거나 줄여도, 설정한 범위를 넘어서면 적용이 되지 않는다. 카드 컴포넌트를 제작할 때 특히 유용할 듯 하다. 2. 오토레이아웃 (auto layout) - wrap 설정하기 동그라미를 예로 들면, 원 4개를 그린 후, auto layout wrapping direction을 설정한다. 그리고 오토레이아웃을 늘리거나 줄이면 저절로 수직/수평 정렬이 된다. 3. Tex.. 2023. 6. 25.
[프로덕트 디자인] Atomic Design System, 과연 효율적일까? Atomic Design System웹 디자인을 구성하는 디자인 요소들을 계층적으로 구성하여 일관된 디자인 가이드라인을 제공하는 디자인 시스템 5가지 구성요소원자(Atoms): 디자인의 기본 단위로써, 버튼, 텍스트, 아이콘 등과 같이 가장 작은 단위의 디자인분자(Molecules): 원자들이 조합되어 형성되는 더 복잡한 디자인 요소로써, 검색 폼, 네비게이션 바, 카드 등과 같이 여러 원자들이 함께 동작하는 요소유기체(Organisms): 분자들이 조합되어 더 큰 디자인 요소로써, 헤더, 푸터, 사이드바 등과 같은 것들템플릿(Templates): 디자인의 구조와 레이아웃을 정의하는 요소로써, 페이지의 전체적인 구성을 표현하는 요소페이지(Pages): 실제 컨텐츠가 표시되는 곳으로써, 웹 페이지의 실제 .. 2023. 4. 15.

티스토리툴바