はてなブックマーク

3月に行われたノンスタカフェ「ノンデザイナーのためのデザイン入門」書き起こし第2回は、デザインの基本的な法則をご紹介します。知っておくと、何か迷ったときの軸になってくれそうです。それではスタートです！ グラフィックデザインに関する法則は、色々な人が色々な法則を唱えているのですが、今回はRobin Williamsという人が提唱した4つの基本的な法則を紹介します。 前提として、法則というものは、法則が先にあるわけではなく、わかりやすい、美しいものを分析したらこういう共通点があった、というものです。一つの答えに早くたどりつくためのコツであり、その通りやらなければいけないことではなく、知っておいていいもの、としてご紹介します。 グラフィックデザインの4つの法則 近接の法則 整列の法則 反復の法則 コントラストの法則 ノンスタのブログをデザインする、という実例にあてはめながら説明します。 デザイン

5-10-1-401 Shinjuku Shinjuku-ku, Tokyo 160-0022 Japan 4月に行われたノンスタカフェ「Webサービスの作り方入門」の書き起こし第1回は「Webサービス開発のプロセス～前編～」です。行きたかったのに行けなかった！と言ってくださった皆様、お待たせしました。それではスタートです。 FacebookやTwitter、YouTubeやクックパッドなど、Webサービスは毎日触れていて日常にかかせないものになってきています。そこで、Webサービスとは何か、私（高崎）は考えました。正解があるわけではありませんがどんなWebサービスも、データの「作成」「編集」「削除」「表示」しかやっていない、と考えます。データにあたる部分が１４０文字のテキストならば、それはTwitter。インターネット全体の情報の作成、編集、表示を行っているのがGoogle。料理のレシピ

先日弊社よりリリースしたコワーキングスペース情報サイト「Coworkscape」は、PCはもちろん、iPadなどのタブレット、iPhoneやAndroidなどのスマートフォンで見たとき、それぞれの画面サイズに応じてレイアウトが最適化される、レスポンシブデザインになっています。 たとえば、画面幅の広いPCではサイドバーを表示して情報を効率よく表示し、画面の小さいスマホではサイドバーをメインコンテンツの下に移動させて表示し、重要な情報を適切な大きさで見やすく表示するようにしています。 PC タブレット 指でタップ操作するスマホでは、操作性を考慮し、ボタンの表示方法を変えていたりもします（上記画像の右）。 スマホで画像をぼやけさせないために（Retinaディスプレイ対策） スマホ対応サイトを制作する際に注意すべきこととして、画面解像度の問題を紹介します。 iPhoneをはじめ”Retinaディス

突然ですがMacユーザーの皆さん、 メール添付などでファイル圧縮するとき、どうしていますか？ Finder右クリックメニューで出てくるデフォルトの圧縮を使う方も多いと思います。 でもこの方法、受け取った相手がもしWindowsユーザーだった場合、日本語のファイル名が文字化けしてしまうのです。 さらに、フォルダを圧縮した場合、.DS_StoreというWindowsでは不要なファイルも同梱してしまいます。 それを防ぐためにおすすめな無料ソフトを紹介します。 MacZip4Win MacZip4Winは、Windows環境で開いても文字化けせず、不要なファイルも含まないクリーンなZIPファイルを作成できる圧縮ソフトです。 使い方はいたってシンプル。 圧縮したいファイル、またはフォルダをMacZip4Winのアイコンにドラッグ&ドロップするだけでOKです。 すると、ZIPファイルが同じディレクトリ