タグ 余白
新着順 10 users 50 users 100 users 500 users 1000 users有料だったが無料化した超多機能スクリーンショットソフト「SnapDraw」 - GIGAZINE
単に見ている画面のデスクトップやウインドウを画像ファイルとして保存するだけでなく、あとから矢印や説明付きの吹き出しを付けたり、鏡面反射・回転・パースを付けて立体的にするなどの特殊効果、さらには枠線・ウォーターマーク・余白の付加といった高度な編集機能までをも実現しているのがこのフリーソフト「SnapDraw」です。 以前は有料のシェアウェアだったのですが、現地時間2011年8月19日に突如「フリーソ... 続きを読む
ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ)
こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り... 続きを読む
Webデザイナーならば必ず一度は憧れる、余白が美しいWebデザインまとめ59個
[Webデザイン] Webデザイナーなら必ず一度は憧れる、余白が美しいWebデザイン 続きを読む
CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
本日は、実用的なCSS(スタイルシート)のお話。CSSコーディングを始める一番最初にbodyタグに設定しておくと、結構便利かな?と思われるポイントをまとめてみました。。 margin:0; padding:0; margin:0; padding:0;って設定しておくと、とりあえずブラウザの標準で設定されている余白を無くす事ができますね。ブラウザごとにこの余白の設定はまちまちなもので、わたくしは最... 続きを読む
ロゴの扱い方でプロとアマの差が出る。アイソレーションゾーンとレギュレーション・ビジュアルアイデンティティについて / Maka-Veli .com
Webサイトを眺めていると、よくロゴの扱い方が雑な物をよく見受けられます。どうもWebの場合はそれが多く見られる気がします。「印刷をしない」 からでしょうか?僕も当時、よく叱られてました・・・ アイソレーションゾーンとは アイソレーションゾーンとは、ロゴ等の周りにある『余白』の事です。 ロゴ周りでなくても、キャッチコピーやタイトルの周りに取ることが多いはずです。 タイトルやキャッチコピーなどの場合... 続きを読む
若い人への助言 - さまざまなめりっと
noiehoie 【若い人への助言】上司から資料のコピー頼まれるだろ。で、その時にその資料を盗み見るんだ。で、その資料に書いてある数字を読むんだ。数字だけでいい。で、その資料の余白に上司の書き込みがあったらそれを読むんだ。で、コピーとる時は、縮小90%でとるんだ。そうすると書き込みまで綺麗にとれる 2011/11/14 00:33:52 link noiehoie 【若い人へのアドバイス】会議とか... 続きを読む
Webデザイナーが憧れる余白が美しいWebデザイン2012年版まとめ54個 - W3Q
[Webデザイン] Webデザイナーが憧れる余白が美しいWebデザイン2012年版 続きを読む
ブサイクなUIデザインを劇的に改善するための10のチェックリスト|Taiki IKEDA|note
お久しぶりです、イケダです。UIデザインをする上で、これらを意識するだけでビジュアルの質が劇的に向上するというチェックリストを作ってみました。UIデザインの参考にしてください。 左右の余白は揃っているか 左右の余白をしっかり揃えることは最も初歩的で、カンタンに実践できるTipsです。あまりに初歩的すぎて悪... 続きを読む
写真をオシャレに見せたい人のための便利なツール :: Love & Design ::
【PR】あなたの写真を簡単キレイに無料補正 写真をポラロイド風に ひとつ目は、あっという間に写真をオシャレにできるオンラインツール Polaroid-o-nizer アップロードした画像(GIF・JPEG・PNG)のURLを入れてクリックするだけ 余白に文字を入れることもできます。(英語のみ) お好みで写真の角度を自由に変えられます。 ■ポラロイドイメージの作り方 Background color... 続きを読む
ポータルサイトのデザインをする時に意識したこと5つ | Design Color
お久しぶりです!彩です。ここ最近ポータルサイトのデザインをする機会がありました。ブログなどのデザインとはまた違うので、ポータルサイトのデザインは意外と難しかったです。 これを機に色々と調べたりしてみましたので、学んだことを備忘録として今後のために書き残しておきたいと思います。 もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに... 続きを読む
最近のネット見ていると「素人の時代」が終わったんだなと悲しい
はてブに上がってくる記事もブログはほとんどなくなったし。 人気のYouTuberもみんな芸能人。 TikTokやクラブハウスも芸能人に乗っ取られた。 ツイッターでバズっているのもプロの漫画家だったり、アイドルだったり。 昔はよくわからん出自の素人が活躍する場所だったのになぁ。 いまそういう余白ってほとんどないよなぁ... 続きを読む
【余白が怖い】残業代ゼロ法案を図示するとこうなる(渡辺輝人) - 個人 - Yahoo!ニュース
残業代ゼロ法案=過労死促進法案がいよいよ閣議決定され、統一地方選挙後にも審議入りする情勢です。 朝日「残業代ゼロ」法案を閣議決定 裁量労働制も拡大読売労働時間でなく成果で…労基法改正案を閣議決定NHK成果で報酬 労働基準法改正案を閣議決定日経岩盤規制改革、3法案を閣議決定 農協・雇用・特区このことを伝えるマスコミ報道は、朝日新聞を除き、相変わらず「時間でなく成果」「脱時間給」などという言葉が溢れて... 続きを読む
Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」 - GIGAZINE
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材の... 続きを読む
Photoshopの面倒なガイド引きを楽チンにするエクステンション -GuideGuide | コリス
ウェブページのレイアウト用にグリッドを設計したり、エレメントの中心をだしたり、余白を確保するなど、Photoshopのガイド引きを楽チンにするエクステンションを紹介します。 この機能はデフォルトで実装してほしいですね。 GuideGuideの対応バージョン GuideGuideのインストール GuideGuideの使い方 GuideGuideの対応バージョン Photoshop Photoshop... 続きを読む
さくら田中氏「社長の機嫌が悪くなると会社は傾く」 成長企業をつくるために、経営者が心がけるべき“余白の実践” - ログミー[o_O]
2018年12月19日に行われた「IVS2018 Winter Kanazawa」のセッション「IVS DOJO」で、さくらインターネット株式会社・田中邦裕氏が登壇。27歳で会社を上場させたという輝かしい記録の裏には、数々の失敗があったと語る田中氏。傾いた会社を立て直すに至ったきっかけとはなんだったのか。心がけた“3つの心持ち”について、... 続きを読む
仕事を遅くする7つの常識―「やめる」だけでスピード10倍アップ (リュウ・ブックス アステ新書)(松本 幸夫)のまとめ 〜 本の要点まとめサイト【ブクペ】 〜
常識1 「すぐ動く」ことで時間は増える? ■仕事が速いと思われるな。次々に仕事を頼まれる ・多忙は仕事ではない ・スピードは上げるよりも、仕事の質を上げること 常識2 できる人ほど手帳にアポイントが多い? ■「すべきこと」より「好きなこと」が付加価値を生む ・スケジュールに余白がない人は、他人時間を縛られすぎている ・スケジュールを空けるほど、頭は満ちてくる 常識3 ビジネストークはイエス... 続きを読む
自炊したPDFファイルの余白を自動で削除できるフリーソフト「PDFDiet」 - GIGAZINE
書籍を自分で裁断してスキャンして電子書籍化する「自炊」をすることでできあがったPDFや画像ファイルを実際にiPhoneやKindleなど画面の小さい端末で見ようとしたときに、文字が小さすぎて読みにくいことがありますが、各ページにある余白を削除して、端末の画面に表示される文字や絵などを結果的に大きく表示させることが簡単にできるフリーソフトが「PDFDiet」です。文字を太くしたり、画像をハッキリ表示... 続きを読む
ウェブデザイナーに対して絶対に言ってはいけない27種類の暴言を華麗にデザインしたポスター集 - GIGAZINE
「余白が多すぎる」「もうちょっと面白くして」「ポップにして」「インターネットから取ってきた画像を使えないかな?」「ほら、前よりずっとよくなった。君もそう思わない?」など、アイルランドのウェブデザイナーやアニメーター・イラストレーター・ディレクターらがクライアントに最も言われたくない言葉をポスターで表現したのが「Sharp Suits」という企画ですが、Sharp Suitsに出展された作品うちウェ... 続きを読む
シェルスクリプトの平文パスワードをセキュアにする方法 - 余白の書きなぐり
2014-04-14 シェルスクリプトの平文パスワードをセキュアにする方法 シェルスクリプト sshを使用している人は文字列を手軽に暗号化・復号化できるという話。 このテクニックを使えば色々セキュアになるのでおすすめ。 今回はシェルスクリプト中の平文パスワードをセキュアに代替する。 平文パスワードはやめよう シェルスクリプト中でパスワードが必要になったとき、 とりあえず平文で書いてしまいがち。 #... 続きを読む
「2カラムの論文PDF」を「1カラムの余白にメモしやすいPDF」に変換する方法 | 情報科学屋さんを目指す人のメモ
2カラム(2段組)の論文PDFを、1カラム(1段組)に変換して、余白にメモをとりやすいPDFを作成する方法を紹介します。この方法にたどり着くまで結構大変でした。 1カラムに変換して読みたい! 私は論文を読むときは、印刷して、余白に手書きでメモをとったり図を書いたりするのが好きです。 というのも、後からもう一度内容を確認したいときに、メモのおかげで前回自分が注目したところをすぐ見つけられたり、同じこ... 続きを読む
Nintendo Switch版発売記念、言語解読ゲーム『7 Days to End with You』開発者インタビュー。独自性の鍵は「理解の余白」(ネタバレなし) - AUTOMATON
弊社アクティブゲーミングメディアのパブリッシャーPLAYISMは本日1月26日、『7 Days to End with You』のNintendo Switch版を発売した。『7 Days to End with You』は言語解読アドベンチャーだ。プレイヤーは記憶喪失の主人公として、目の前の赤い髪の人物と交流。しかしこの人物とはまったく言葉が通じない。言葉を理解... 続きを読む
エンジニア向けの余白の基礎 / Spacing - Speaker Deck
Transcript None 木下 裕哉 Yuya Kinoshita デザイナー フロントエンドエンジニア yuyakinoshita.com はじめに この資料のゴール 余白に少しでも興味をもってもらえること さらなる狙い 余白の基礎について 3つのポイントを意識してもらえること 主な対象者 Webサイト、アプリ、資料などの 品質を上げたいと思っているか... 続きを読む
設計解がないと思われた製品にエースエンジニアが投入され、翌日あっさり大枠をまとめて来た→その解決方法がカッコよすぎた
ピーナッツ @1zA5ijpgBABKIy2 前職で、どうやっても設計解がないと思われた製品にエースエンジニアが投入され、翌日にあっさり大枠をまとめて来たことがあった。 「え、何やったんすか?」って聞いたら「めちゃくちゃ散歩したんだよ」って言われて言葉を失った。生産性とは余白なのだわ。 2022-08-05 17:35:16 続きを読む
れい(Windowsを許さない) on Twitter: "これは違うな。 画面が大きいからじゃなくて余白がないから読めない。 QRコードは周りに4ピクセルの余白が必要だし、そもそもいちばん大切なファインダ
これは違うな。 画面が大きいからじゃなくて余白がないから読めない。 QRコードは周りに4ピクセルの余白が必要だし、そもそもいちばん大切なファインダパターンが切れてる。 https://t.co/0qVw06ypXV 続きを読む
ぼくがCSSを書くときに手放せないツール - ぼくはまちちゃん!(Hatena)
こんにちはこんにちは!! CSS書いてますか!! ぼくなんか書きすぎて border: 1px solid red; が0.5秒で打ち込めそうな感じなんです>< ところで、CSSいっぱい書いてると、ぱっと見ただけでおよそ何ピクセルか、 わかったりするようになるから人間ってすごいよね! この余白は 6px だな、こっちのblockは 40px くらいかな? とか…! 大きいのは難しいけど! 最近はエ... 続きを読む