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_vgV3WE6yYBaaILBkKj_HJ9pL4tAdIxCDnAWRfwt7Dvrv1zw3C-c6MGX949LBEcehxS6pvU8blKEqRyxi597NosMMmiEZeO8dnqi716iyFSqaGBct1goJn_8-Rx1Pbt25xjZvaZgVVQfK4ImlRBl7Eg=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_trmy1Jp_AbLqatDGSB6lMz3DyLGgLGbeBDIDFGMqfkfwADgAcqIzDqhF39jbQRLhJhPsD3ZY4nuk0yc1fCNWevpUjIzYX96bVGfpeKNYDrnR1qvz_VWPaCEWZ6zZ9XkqNYOMim4N0-v6oYiFUfXgY=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_tnpG-qZFX4M3BsuugyOgn9Zhnpc6NR3_UIBxdP_4o9Ig1BqjxLXM3kBtxU8_UFktfjmb_kybAd5grduxcx6XxyKMjrMN1VXPCZAjEU7UYHpaoeQ-a_JRlBOvGhqFrhDZWnuqspM9g-ZXrt5wE_Cv4=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_tME4RNm_bp-2j4Gg_SoeRlVOlpQvg8c9175y3lClOLOtbtTcCMdBN0RM1k2wcwG3guxueKP7J0iilb7atTYmgyNjqMY-x_6nLHf1HyPYTl_RYHayoT1IF-n0hJJBeBupG4UTW8kaAbpCzi_Fk2dfBu=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_t3mPPLh1PlhpymQY-p4OO-zqmdiljF5KZH9OqEw71mq11NMnY2pi6CFA5VeN8dyyWge9qxx6iTr5QcSvT2u3MK9TZYJWvYflzDlCU2zzRrtsnXe4hnY9vOFE1n8bVOpRqlcyxc3LBr7nzFAT1HVqUu=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_vCEX8lr3yL5C-PRoR_PG4CCj4N1-s5o451YXR61fBZStumDH4DWY8yCjZdrbZ9sJ5IZU1PAl1UTsQUap7mldlHDJg-MYo8ir-3Jx3TNrgVtU_BrXgm77g-VY1_fkdPgnocAJGZyPiYbCRRp9noaSoq=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_uiR4rtzNytWcYHv6nTy26MYwlT3jKcWR6TKYM6ICRlTk980nEwKaZ3Y8DGneCEOoJ_SDlpZkgY7LjWBaKVUEURh8-X_VlVyid6nHnasvSjmeWwGsaCjmic6oioyF2semL88bJJ2NhJF9V1H6gPtzWn=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_vGG5_3Mmw7wExMLmKsbABt6cIzGHuUXS1xPDT2F7cERkDqxtnoET1PI01h8icbuqdm9sUiLE-2v0cryqpOfvIlpp9a-Vnrbt0RDAAfHdN5fe5klI_jPrOY2N-1QfgFWu-2L2Ua0MMZI6QdFPulVhk=s0-d" height="60" width="234" border="0"></a></noscript>