News & Pickup | ニュース&ピックアップ（ニューピク）: デザインしやすい部品の分け方を考える

2017年3月23日木曜日

デザインしやすい部品の分け方を考える

デザインシステムを作っていく際、Atomic Design は非常に参考になる考え方です。Atomic Design は以下の 5 つの要素によって構成されていて、Pages へ近づくほど、より複雑で大きなものになります。
>>デザインしやすい部品の分け方を考える
─情報元：couldサイト様─

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404599"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404599" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sCO6nOkQZHe-220FmKpNM4LwSotgcG9vnSiJ_ng02rjjlFN4PChmJBC8rmm5MC970rKUSC5Qkyj8BdroMw94rJdjgscLW7qy5hLYvy-0_75cmicC-PnaAFjFPHOOIllDlZySakhe1j_P77nBVjvOmQ=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404605"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404605" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uBfq5opjWShKeuhOr5TIW-uGGU6iE1tlMJD9QPIgc7HGRGdUIuHUCppg6JU1-W-8XfzEmSS1jLpnQeaWAXWz6pDPeI99e_pKOKNitqhQxPFzq60PodKJwbhGp4V31ISiS8qXD2pSIr7U1c14iuZnM=s0-d" height="60" width="234" border="0"></a></noscript>

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404606"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404606" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_svA6OxrM1XuHsvLxrhOu__lhpZzozc3uktCpW6Mi9BAvSUxs9fLCmKCIhyybcpGeQmU6v47jQR1mEDEGQdEzHoprOylLcHAZMchY8ApkmAvH5fI0n5P7pAMente82okxUfikGej4CCoDubgukeAck=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=879177293"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=879177293" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tF0dSwHpbVq2erSjeDgYB01waVQqXCeJFXrAYr9lpRn4BJlom6je9be8JAOeF7nEOTbdfQr_0T8LuTHC1mjECrW9eI9xH_2ccXlN-vvvQg7U41N7lbjQB7l7g5hGzRsE_mkASH3p8B-NnVuqzSy0tA=s0-d" height="60" width="234" border="0"></a></noscript>

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882466227"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882466227" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vQqQ4u40HbKDgxJm5Z-P6RI3NX8FsgwndnxXs7JwqMRUdKfpIErN2i2LSOkE-phACQA6T5TL6ET5zwj103AikiXB34NuOYEuEzESrAzL9AL0Dmd0MvX7QIRPpg21Os2dK7oL5G-KtHjJbOE23vvyv2=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404610"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404610" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vCTsluD4s3dB3hbijcVQTFadOj-PE4AaKMGQSPZYOMLhCDLZYlwFxac3OvNX8a31D-4CPO-l4GcpCzp105v5uWZpkhBk15nn2rsw3BMyIvIexCpRR0LfNB47ufhAUINTRcg3YYjE7zM-E38PgkdneG=s0-d" height="60" width="234" border="0"></a></noscript>

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404614"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404614" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vdtERbrB32wSZ5A37artsm2fBOqJcYMZDAz7CXzVTaWahNS9-HjFdrWK0zHUuJhvAYwNDAbshQdkt11mQov78mRwMjr4zMqp12TmIePXMNfO8SYTInJM8_1MI0wmRDOCIx69JqGTAmXNKq2VEyBLh8=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404616"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404616" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tPw5mDxtI0_Y54-d0T5mIHwAecTyTKGchEObLZqVMOCo6G10XYre3cLwhNGiiYcXk_9lc8CtbdZww5avbvXTzffgYVz696LrCkDPISCeTCfdYfR4M8p1qdtFPUlWs9HWLQ7nrMabK2pXAtiJx-6VQ=s0-d" height="60" width="234" border="0"></a></noscript>