Website Builder — Create a Website in Minutes — Squarespace
A collection of inspirational websites made by real Squarespace users. Stories and solutions for the modern entrepreneur. In-depth guides and videos about the platform, our services, and how to get started. An online community for Squarespace users and professionals to discuss best practices and seek advice. Free, online sessions where you’ll learn the basics and refine your Squarespace skills. Ea
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
画面遷移がすごいサイトのまとめ | バシャログ。
TVKで再放送されているあぶデカにハマっているgamiです。あの時代の関内・馬車道あたり物騒すぎるでしょ…。 さて、以前にも紹介しました、気になるデザインを共有するDesignClipという社内のチャットグループより、画面遷移がシームレスでこいつぁすげえや！となったものを幾つか紹介できればと思います。チェケラ！ 佐久間徹設計事務所 デザインはすごくシンプルで動きもいいと印象によく残ります。 仕事一覧から仕事詳細へ 一覧の写真をクリックするとコンテンツの後ろでニュッと大きくなる感じが好き。 下位ページへ グローバルメニューに注目してるといつの間にかコンテンツが変わってる。 Orenda Security セキュリティ会社のサイト。シャッターのような動きからのロゴアニメーションはまさに鍵をかけてるように感じました。 スタジオスプーン株式会社 四方のボタンをクリックすると、その方向から背景がスラ
Webデザインのスタイルガイドの作り方
Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で
無料で配色シミュレーションができるカラーパレット系サービス6選【2022年最新】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 今回はデザインの重要な要素の一つである、色選びの時に使える配色シミュレーションができるツールやサイトをご紹介します。Webカラーのカラーパレット系サービスを中心にチョイスしましたので、配色などでお悩みの方はぜひご参考にしてみてください！ 独学でつまずいていませんか？ 配色やデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 coolors https://coolors.co/ 直感的な操作で色の組み合わせのシミュレーションができるサイト。スペースキーを押すことで自動で配色を行なってくれます。何度でも押せる
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
海外企業のWEB版アニュアルレポートの調査で見えた4つの特徴 - DESIGN JOURNAL - 株式会社モンスターラボ
海外のWEB版アニュアルレポートを調査してみた こんにちは、A.C.O.編集部です。A.C.O.ではR&Dの1つとして、定期的にグローバル環境の市場調査・研究を続けています。そのなかで最近は、海外のWEB版アニュアルレポートがさらに進化してきたな、と感じたので簡単に調べてみました。 そもそも、アニュアルレポートって何のためのもの？ アニュアルレポートは、企業における前年度の経営戦略や事業概況を報告するための年次報告書です。ここ数年では、CSR活動報告を取り込んだ「年次統合報告書」とする企業も増えています。そして、もっと多くの人に企業の価値を伝えるために、特に海外企業のアニュアルレポートのWEB化が加速しています。ここからは実例をもとにアニュアルレポートの特徴を見ていきたいと思います。 かなりクリエイティブな海外企業の事例 事例01：信念や情熱が伝わりやすいビデオメッセージ 海外では、多くの
WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
注目を浴びること間違いなし！線デザインがアート心を刺激するサイト20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ほっぺたと髪の毛は柔らかい方がいい、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕は天然パーマの髪質なのですが、大変ですよね、くるくる、ごちゃごちゃしてて。至ってシンプルな、癖のない髪質に生まれたかったですほんと。 そんな僕はシンプルなデザインに惹かれます。それはなぜか。 どんなデザインも元を辿れば「点」と「線」から作り上げられているからです。 どんなに優れたデザインであっても、原点を見つめ直してみると、すごくシンプルな物から作り上げられています。 そこで今回は、日本ではまだあまり例のない、線デザインを取り入れたサイトを厳選してまとめさせていただきました。 線デザインのまとめが他になかったので、この記事がみなさんの参考になればと思います。 それではいってみましょう！ 注目されること間違いなしの線デザインサイト 1. BrightMedia https://bri
東西対立｜日清のどん兵衛
東か西かうまいのはどっちだ？好みのサイド決めるこのサイト。東西のどん兵衛、今なら全国で両方売ってます。東西どん兵衛食べ比べ全国販売を引き金にどん兵衛東西対立ついに勃発。 日本史におけるミドルスクール(※1)といわれた戦国時代。徳川家康は天下を統一したが、うどん・そばのつゆを統一するには至らなかった。 東日本のカツオだし香る濃口、西日本の昆布だし香る薄口。東西で二分されてきたつゆの味も、 どちらが本当に旨いのか決着をつける時がきた。 しかし、いまどき殺し合いで決着をつける時代ではない。流す（フローする）なら血ではなく、言葉を。踏むのなら敵の屍ではなく、韻を。 そう叫びながら、東西レペゼン(※2)の言霊を巧みに操ってきた猛者たちが集まってきた。味の統一チャンピオンベルトこと、どん兵衛特製ブリンブリン(※3)を巡って、天下分け目の「どん兵衛 東西対立」がいま、はじまる
【境界が無くなる】デザイナーとエンジニアの仕事内容 デザイン会社 ビートラックス: ブログ
アメリカ、特にサンフランシスコ周辺の会社を見てみると、エンジニアに加えてデザイナーの需要が高まっている。これは見た目やUXが優れたプロダクトへの人気が上がっており、企業としてもよりユーザー目線で使いやすくニーズにあった製品を作る為に、企画段階からデザイナーを参加させる事が増えていているからであろう。 それに伴いデザイナーの役割が、これまでの”見た目を美しくする”事から”ユーザー視点で最適な問題解決方法を見つけ出す”へと広がりを見せている。 このビジネスに対するデザインの重要性の高まり-デザインシフト-でデザイナーやエンジニアに求められるその役割と仕事の範囲に変化がおき始めている。恐らく10年程前と比べてみると、それぞれの仕事の範囲が多種多様に広がっているのに加えて、オーバーラップする領域も増えているだろう。 デザインの未来を示す15の変化で下記のような項目があった。 “デザイナーとエンジニ
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
意外と今っぽくなる、CSSやjQueryで実現するエフェクトまとめ
作成：2016/02/8 更新：2016/06/29 Web制作 > CSSやjQueryで実現する、今までにないようなエフェクトを実現するために知っておくと便利なエフェクトをまとめました。トレンドをおさえた最近のものを厳選してピックアップ。ファーストビューなどで、一味違った面白さを出したいときに。 エンジニア速報は Twitter の@commteで配信しています。 セグメンテッド コントロール pocketなどに見られる「リスト・タイルビュー」など表示形式の切り替え。コンテンツを切り替えるセグメンテッド コントロール（SegmentedControl）。少し古い記事ですが、他になさそうだったので。 Blueprint: View Mode Switch もうひとつはcodepenから。 See the Pen DropDown2Segment by ActiveCodex (@Acti
Free vectors icons
No notifications to show yet You’ll see useful information here soon. Stay tuned!
Andre do Amaral
Andre do Amaral is a designer, living in California designing Savee.
Namale - Joyaux Uniques
Namale B u y . t h i s B u y . t h i s J o y a u x U n i q u e s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s B u y . t h i s Shop Follow J o y a u x U n i q u e s B u y . t h i s Lookbook 2021 J o y a u x
TryMore Inc | We Are Very Lucky Company!!!
私たちTryMoreは笑顔が似合うクリエイティブエージェンシーです。
B&H - Brand & Design Consulting Firm
わたしたちはビジネスと戦略、建築と内装、撮影と編集、商品とパッケージ、広告とグラフィック、WEBとデジタル領域などの専門家で組織されたブランドデザイングループです。私たちと46名のパートナーは会社という垣根を超え、同じ哲学や流儀をもってデザインする集団でもあります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Placehold.it - Quick and simple image placeholders
Flipsblog.jp
